<!DOCTYPE html>

<html lang="en">
<head><meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Untitled</title><script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<style type="text/css">
    pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: var(--jp-cell-editor-active-background) }
.highlight { background: var(--jp-cell-editor-background); color: var(--jp-mirror-editor-variable-color) }
.highlight .c { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment */
.highlight .err { color: var(--jp-mirror-editor-error-color) } /* Error */
.highlight .k { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword */
.highlight .o { color: var(--jp-mirror-editor-operator-color); font-weight: bold } /* Operator */
.highlight .p { color: var(--jp-mirror-editor-punctuation-color) } /* Punctuation */
.highlight .ch { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Multiline */
.highlight .cp { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Preproc */
.highlight .cpf { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Single */
.highlight .cs { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Special */
.highlight .kc { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Type */
.highlight .m { color: var(--jp-mirror-editor-number-color) } /* Literal.Number */
.highlight .s { color: var(--jp-mirror-editor-string-color) } /* Literal.String */
.highlight .ow { color: var(--jp-mirror-editor-operator-color); font-weight: bold } /* Operator.Word */
.highlight .pm { color: var(--jp-mirror-editor-punctuation-color) } /* Punctuation.Marker */
.highlight .w { color: var(--jp-mirror-editor-variable-color) } /* Text.Whitespace */
.highlight .mb { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Bin */
.highlight .mf { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Float */
.highlight .mh { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Hex */
.highlight .mi { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Integer */
.highlight .mo { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Oct */
.highlight .sa { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Affix */
.highlight .sb { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Backtick */
.highlight .sc { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Char */
.highlight .dl { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Delimiter */
.highlight .sd { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Doc */
.highlight .s2 { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Double */
.highlight .se { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Escape */
.highlight .sh { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Heredoc */
.highlight .si { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Interpol */
.highlight .sx { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Other */
.highlight .sr { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Regex */
.highlight .s1 { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Single */
.highlight .ss { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Symbol */
.highlight .il { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Integer.Long */
  </style>
<style type="text/css">
/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*
 * Mozilla scrollbar styling
 */

/* use standard opaque scrollbars for most nodes */
[data-jp-theme-scrollbars='true'] {
  scrollbar-color: rgb(var(--jp-scrollbar-thumb-color))
    var(--jp-scrollbar-background-color);
}

/* for code nodes, use a transparent style of scrollbar. These selectors
 * will match lower in the tree, and so will override the above */
[data-jp-theme-scrollbars='true'] .CodeMirror-hscrollbar,
[data-jp-theme-scrollbars='true'] .CodeMirror-vscrollbar {
  scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
}

/* tiny scrollbar */

.jp-scrollbar-tiny {
  scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
  scrollbar-width: thin;
}

/* tiny scrollbar */

.jp-scrollbar-tiny::-webkit-scrollbar,
.jp-scrollbar-tiny::-webkit-scrollbar-corner {
  background-color: transparent;
  height: 4px;
  width: 4px;
}

.jp-scrollbar-tiny::-webkit-scrollbar-thumb {
  background: rgba(var(--jp-scrollbar-thumb-color), 0.5);
}

.jp-scrollbar-tiny::-webkit-scrollbar-track:horizontal {
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
}

.jp-scrollbar-tiny::-webkit-scrollbar-track:vertical {
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

/*
 * Lumino
 */

.lm-ScrollBar[data-orientation='horizontal'] {
  min-height: 16px;
  max-height: 16px;
  min-width: 45px;
  border-top: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='vertical'] {
  min-width: 16px;
  max-width: 16px;
  min-height: 45px;
  border-left: 1px solid #a0a0a0;
}

.lm-ScrollBar-button {
  background-color: #f0f0f0;
  background-position: center center;
  min-height: 15px;
  max-height: 15px;
  min-width: 15px;
  max-width: 15px;
}

.lm-ScrollBar-button:hover {
  background-color: #dadada;
}

.lm-ScrollBar-button.lm-mod-active {
  background-color: #cdcdcd;
}

.lm-ScrollBar-track {
  background: #f0f0f0;
}

.lm-ScrollBar-thumb {
  background: #cdcdcd;
}

.lm-ScrollBar-thumb:hover {
  background: #bababa;
}

.lm-ScrollBar-thumb.lm-mod-active {
  background: #a0a0a0;
}

.lm-ScrollBar[data-orientation='horizontal'] .lm-ScrollBar-thumb {
  height: 100%;
  min-width: 15px;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='vertical'] .lm-ScrollBar-thumb {
  width: 100%;
  min-height: 15px;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='horizontal']
  .lm-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-icon-caret-left);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='horizontal']
  .lm-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-icon-caret-right);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='vertical']
  .lm-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-icon-caret-up);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='vertical']
  .lm-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-icon-caret-down);
  background-size: 17px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-Widget {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.lm-Widget.lm-mod-hidden {
  display: none !important;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.lm-AccordionPanel[data-orientation='horizontal'] > .lm-AccordionPanel-title {
  /* Title is rotated for horizontal accordion panel using CSS */
  display: block;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%);
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-CommandPalette {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-CommandPalette-search {
  flex: 0 0 auto;
}

.lm-CommandPalette-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  min-height: 0;
  overflow: auto;
  list-style-type: none;
}

.lm-CommandPalette-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lm-CommandPalette-item {
  display: flex;
  flex-direction: row;
}

.lm-CommandPalette-itemIcon {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemContent {
  flex: 1 1 auto;
  overflow: hidden;
}

.lm-CommandPalette-itemShortcut {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lm-close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  position: absolute;
  z-index: 1;
  right: 3%;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 7px 0;
  display: none;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.lm-close-icon:after {
  content: 'X';
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #000;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-DockPanel {
  z-index: 0;
}

.lm-DockPanel-widget {
  z-index: 0;
}

.lm-DockPanel-tabBar {
  z-index: 1;
}

.lm-DockPanel-handle {
  z-index: 2;
}

.lm-DockPanel-handle.lm-mod-hidden {
  display: none !important;
}

.lm-DockPanel-handle:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.lm-DockPanel-handle[data-orientation='horizontal'] {
  cursor: ew-resize;
}

.lm-DockPanel-handle[data-orientation='vertical'] {
  cursor: ns-resize;
}

.lm-DockPanel-handle[data-orientation='horizontal']:after {
  left: 50%;
  min-width: 8px;
  transform: translateX(-50%);
}

.lm-DockPanel-handle[data-orientation='vertical']:after {
  top: 50%;
  min-height: 8px;
  transform: translateY(-50%);
}

.lm-DockPanel-overlay {
  z-index: 3;
  box-sizing: border-box;
  pointer-events: none;
}

.lm-DockPanel-overlay.lm-mod-hidden {
  display: none !important;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-Menu {
  z-index: 10000;
  position: absolute;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-Menu-content {
  margin: 0;
  padding: 0;
  display: table;
  list-style-type: none;
}

.lm-Menu-item {
  display: table-row;
}

.lm-Menu-item.lm-mod-hidden,
.lm-Menu-item.lm-mod-collapsed {
  display: none !important;
}

.lm-Menu-itemIcon,
.lm-Menu-itemSubmenuIcon {
  display: table-cell;
  text-align: center;
}

.lm-Menu-itemLabel {
  display: table-cell;
  text-align: left;
}

.lm-Menu-itemShortcut {
  display: table-cell;
  text-align: right;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-MenuBar {
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-MenuBar-content {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  list-style-type: none;
}

.lm-MenuBar-item {
  box-sizing: border-box;
}

.lm-MenuBar-itemIcon,
.lm-MenuBar-itemLabel {
  display: inline-block;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-ScrollBar {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-ScrollBar[data-orientation='horizontal'] {
  flex-direction: row;
}

.lm-ScrollBar[data-orientation='vertical'] {
  flex-direction: column;
}

.lm-ScrollBar-button {
  box-sizing: border-box;
  flex: 0 0 auto;
}

.lm-ScrollBar-track {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
}

.lm-ScrollBar-thumb {
  box-sizing: border-box;
  position: absolute;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-SplitPanel-child {
  z-index: 0;
}

.lm-SplitPanel-handle {
  z-index: 1;
}

.lm-SplitPanel-handle.lm-mod-hidden {
  display: none !important;
}

.lm-SplitPanel-handle:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle {
  cursor: ew-resize;
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle {
  cursor: ns-resize;
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle:after {
  left: 50%;
  min-width: 8px;
  transform: translateX(-50%);
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle:after {
  top: 50%;
  min-height: 8px;
  transform: translateY(-50%);
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-TabBar {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-TabBar[data-orientation='horizontal'] {
  flex-direction: row;
  align-items: flex-end;
}

.lm-TabBar[data-orientation='vertical'] {
  flex-direction: column;
  align-items: flex-end;
}

.lm-TabBar-content {
  margin: 0;
  padding: 0;
  display: flex;
  flex: 1 1 auto;
  list-style-type: none;
}

.lm-TabBar[data-orientation='horizontal'] > .lm-TabBar-content {
  flex-direction: row;
}

.lm-TabBar[data-orientation='vertical'] > .lm-TabBar-content {
  flex-direction: column;
}

.lm-TabBar-tab {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  overflow: hidden;
  touch-action: none; /* Disable native Drag/Drop */
}

.lm-TabBar-tabIcon,
.lm-TabBar-tabCloseIcon {
  flex: 0 0 auto;
}

.lm-TabBar-tabLabel {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.lm-TabBar-tabInput {
  user-select: all;
  width: 100%;
  box-sizing: border-box;
}

.lm-TabBar-tab.lm-mod-hidden {
  display: none !important;
}

.lm-TabBar-addButton.lm-mod-hidden {
  display: none !important;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab {
  position: relative;
}

.lm-TabBar.lm-mod-dragging[data-orientation='horizontal'] .lm-TabBar-tab {
  left: 0;
  transition: left 150ms ease;
}

.lm-TabBar.lm-mod-dragging[data-orientation='vertical'] .lm-TabBar-tab {
  top: 0;
  transition: top 150ms ease;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab.lm-mod-dragging {
  transition: none;
}

.lm-TabBar-tabLabel .lm-TabBar-tabInput {
  user-select: all;
  width: 100%;
  box-sizing: border-box;
  background: inherit;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-TabPanel-tabBar {
  z-index: 1;
}

.lm-TabPanel-stackedPanel {
  z-index: 0;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Collapse {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.jp-Collapse-header {
  padding: 1px 12px;
  background-color: var(--jp-layout-color1);
  border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
  color: var(--jp-ui-font-color1);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  text-transform: uppercase;
  user-select: none;
}

.jp-Collapser-icon {
  height: 16px;
}

.jp-Collapse-header-collapsed .jp-Collapser-icon {
  transform: rotate(-90deg);
  margin: auto 0;
}

.jp-Collapser-title {
  line-height: 25px;
}

.jp-Collapse-contents {
  padding: 0 12px;
  background-color: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  overflow: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/* This file was auto-generated by ensureUiComponents() in @jupyterlab/buildutils */

/**
 * (DEPRECATED) Support for consuming icons as CSS background images
 */

/* Icons urls */

:root {
  --jp-icon-add-above: url();
  --jp-icon-add-below: url();
  --jp-icon-add: url();
  --jp-icon-bell: url();
  --jp-icon-bug-dot: url();
  --jp-icon-bug: url();
  --jp-icon-build: url();
  --jp-icon-caret-down-empty-thin: url();
  --jp-icon-caret-down-empty: url();
  --jp-icon-caret-down: url();
  --jp-icon-caret-left: url();
  --jp-icon-caret-right: url();
  --jp-icon-caret-up-empty-thin: url();
  --jp-icon-caret-up: url();
  --jp-icon-case-sensitive: url();
  --jp-icon-check: url();
  --jp-icon-circle-empty: url();
  --jp-icon-circle: url();
  --jp-icon-clear: url();
  --jp-icon-close: url();
  --jp-icon-code-check: url();
  --jp-icon-code: url();
  --jp-icon-collapse-all: url();
  --jp-icon-console: url();
  --jp-icon-copy: url();
  --jp-icon-copyright: url();
  --jp-icon-cut: url();
  --jp-icon-delete: url();
  --jp-icon-download: url();
  --jp-icon-duplicate: url();
  --jp-icon-edit: url();
  --jp-icon-ellipses: url();
  --jp-icon-error: url();
  --jp-icon-expand-all: url();
  --jp-icon-extension: url();
  --jp-icon-fast-forward: url();
  --jp-icon-file-upload: url();
  --jp-icon-file: url();
  --jp-icon-filter-dot: url();
  --jp-icon-filter-list: url();
  --jp-icon-filter: url();
  --jp-icon-folder-favorite: url();
  --jp-icon-folder: url();
  --jp-icon-home: url();
  --jp-icon-html5: url();
  --jp-icon-image: url();
  --jp-icon-info: url();
  --jp-icon-inspector: url();
  --jp-icon-json: url();
  --jp-icon-julia: url();
  --jp-icon-jupyter-favicon: url();
  --jp-icon-jupyter: url();
  --jp-icon-jupyterlab-wordmark: url();
  --jp-icon-kernel: url();
  --jp-icon-keyboard: url();
  --jp-icon-launch: url();
  --jp-icon-launcher: url();
  --jp-icon-line-form: url();
  --jp-icon-link: url();
  --jp-icon-list: url();
  --jp-icon-markdown: url();
  --jp-icon-move-down: url();
  --jp-icon-move-up: url();
  --jp-icon-new-folder: url();
  --jp-icon-not-trusted: url();
  --jp-icon-notebook: url();
  --jp-icon-numbering: url();
  --jp-icon-offline-bolt: url();
  --jp-icon-palette: url();
  --jp-icon-paste: url();
  --jp-icon-pdf: url();
  --jp-icon-python: url();
  --jp-icon-r-kernel: url();
  --jp-icon-react: url();
  --jp-icon-redo: url();
  --jp-icon-refresh: url();
  --jp-icon-regex: url();
  --jp-icon-run: url();
  --jp-icon-running: url();
  --jp-icon-save: url();
  --jp-icon-search: url();
  --jp-icon-settings: url();
  --jp-icon-share: url();
  --jp-icon-spreadsheet: url();
  --jp-icon-stop: url();
  --jp-icon-tab: url();
  --jp-icon-table-rows: url();
  --jp-icon-tag: url();
  --jp-icon-terminal: url();
  --jp-icon-text-editor: url();
  --jp-icon-toc: url();
  --jp-icon-tree-view: url();
  --jp-icon-trusted: url();
  --jp-icon-undo: url();
  --jp-icon-user: url();
  --jp-icon-users: url();
  --jp-icon-vega: url();
  --jp-icon-word: url();
  --jp-icon-yaml: url();
}

/* Icon CSS class declarations */

.jp-AddAboveIcon {
  background-image: var(--jp-icon-add-above);
}

.jp-AddBelowIcon {
  background-image: var(--jp-icon-add-below);
}

.jp-AddIcon {
  background-image: var(--jp-icon-add);
}

.jp-BellIcon {
  background-image: var(--jp-icon-bell);
}

.jp-BugDotIcon {
  background-image: var(--jp-icon-bug-dot);
}

.jp-BugIcon {
  background-image: var(--jp-icon-bug);
}

.jp-BuildIcon {
  background-image: var(--jp-icon-build);
}

.jp-CaretDownEmptyIcon {
  background-image: var(--jp-icon-caret-down-empty);
}

.jp-CaretDownEmptyThinIcon {
  background-image: var(--jp-icon-caret-down-empty-thin);
}

.jp-CaretDownIcon {
  background-image: var(--jp-icon-caret-down);
}

.jp-CaretLeftIcon {
  background-image: var(--jp-icon-caret-left);
}

.jp-CaretRightIcon {
  background-image: var(--jp-icon-caret-right);
}

.jp-CaretUpEmptyThinIcon {
  background-image: var(--jp-icon-caret-up-empty-thin);
}

.jp-CaretUpIcon {
  background-image: var(--jp-icon-caret-up);
}

.jp-CaseSensitiveIcon {
  background-image: var(--jp-icon-case-sensitive);
}

.jp-CheckIcon {
  background-image: var(--jp-icon-check);
}

.jp-CircleEmptyIcon {
  background-image: var(--jp-icon-circle-empty);
}

.jp-CircleIcon {
  background-image: var(--jp-icon-circle);
}

.jp-ClearIcon {
  background-image: var(--jp-icon-clear);
}

.jp-CloseIcon {
  background-image: var(--jp-icon-close);
}

.jp-CodeCheckIcon {
  background-image: var(--jp-icon-code-check);
}

.jp-CodeIcon {
  background-image: var(--jp-icon-code);
}

.jp-CollapseAllIcon {
  background-image: var(--jp-icon-collapse-all);
}

.jp-ConsoleIcon {
  background-image: var(--jp-icon-console);
}

.jp-CopyIcon {
  background-image: var(--jp-icon-copy);
}

.jp-CopyrightIcon {
  background-image: var(--jp-icon-copyright);
}

.jp-CutIcon {
  background-image: var(--jp-icon-cut);
}

.jp-DeleteIcon {
  background-image: var(--jp-icon-delete);
}

.jp-DownloadIcon {
  background-image: var(--jp-icon-download);
}

.jp-DuplicateIcon {
  background-image: var(--jp-icon-duplicate);
}

.jp-EditIcon {
  background-image: var(--jp-icon-edit);
}

.jp-EllipsesIcon {
  background-image: var(--jp-icon-ellipses);
}

.jp-ErrorIcon {
  background-image: var(--jp-icon-error);
}

.jp-ExpandAllIcon {
  background-image: var(--jp-icon-expand-all);
}

.jp-ExtensionIcon {
  background-image: var(--jp-icon-extension);
}

.jp-FastForwardIcon {
  background-image: var(--jp-icon-fast-forward);
}

.jp-FileIcon {
  background-image: var(--jp-icon-file);
}

.jp-FileUploadIcon {
  background-image: var(--jp-icon-file-upload);
}

.jp-FilterDotIcon {
  background-image: var(--jp-icon-filter-dot);
}

.jp-FilterIcon {
  background-image: var(--jp-icon-filter);
}

.jp-FilterListIcon {
  background-image: var(--jp-icon-filter-list);
}

.jp-FolderFavoriteIcon {
  background-image: var(--jp-icon-folder-favorite);
}

.jp-FolderIcon {
  background-image: var(--jp-icon-folder);
}

.jp-HomeIcon {
  background-image: var(--jp-icon-home);
}

.jp-Html5Icon {
  background-image: var(--jp-icon-html5);
}

.jp-ImageIcon {
  background-image: var(--jp-icon-image);
}

.jp-InfoIcon {
  background-image: var(--jp-icon-info);
}

.jp-InspectorIcon {
  background-image: var(--jp-icon-inspector);
}

.jp-JsonIcon {
  background-image: var(--jp-icon-json);
}

.jp-JuliaIcon {
  background-image: var(--jp-icon-julia);
}

.jp-JupyterFaviconIcon {
  background-image: var(--jp-icon-jupyter-favicon);
}

.jp-JupyterIcon {
  background-image: var(--jp-icon-jupyter);
}

.jp-JupyterlabWordmarkIcon {
  background-image: var(--jp-icon-jupyterlab-wordmark);
}

.jp-KernelIcon {
  background-image: var(--jp-icon-kernel);
}

.jp-KeyboardIcon {
  background-image: var(--jp-icon-keyboard);
}

.jp-LaunchIcon {
  background-image: var(--jp-icon-launch);
}

.jp-LauncherIcon {
  background-image: var(--jp-icon-launcher);
}

.jp-LineFormIcon {
  background-image: var(--jp-icon-line-form);
}

.jp-LinkIcon {
  background-image: var(--jp-icon-link);
}

.jp-ListIcon {
  background-image: var(--jp-icon-list);
}

.jp-MarkdownIcon {
  background-image: var(--jp-icon-markdown);
}

.jp-MoveDownIcon {
  background-image: var(--jp-icon-move-down);
}

.jp-MoveUpIcon {
  background-image: var(--jp-icon-move-up);
}

.jp-NewFolderIcon {
  background-image: var(--jp-icon-new-folder);
}

.jp-NotTrustedIcon {
  background-image: var(--jp-icon-not-trusted);
}

.jp-NotebookIcon {
  background-image: var(--jp-icon-notebook);
}

.jp-NumberingIcon {
  background-image: var(--jp-icon-numbering);
}

.jp-OfflineBoltIcon {
  background-image: var(--jp-icon-offline-bolt);
}

.jp-PaletteIcon {
  background-image: var(--jp-icon-palette);
}

.jp-PasteIcon {
  background-image: var(--jp-icon-paste);
}

.jp-PdfIcon {
  background-image: var(--jp-icon-pdf);
}

.jp-PythonIcon {
  background-image: var(--jp-icon-python);
}

.jp-RKernelIcon {
  background-image: var(--jp-icon-r-kernel);
}

.jp-ReactIcon {
  background-image: var(--jp-icon-react);
}

.jp-RedoIcon {
  background-image: var(--jp-icon-redo);
}

.jp-RefreshIcon {
  background-image: var(--jp-icon-refresh);
}

.jp-RegexIcon {
  background-image: var(--jp-icon-regex);
}

.jp-RunIcon {
  background-image: var(--jp-icon-run);
}

.jp-RunningIcon {
  background-image: var(--jp-icon-running);
}

.jp-SaveIcon {
  background-image: var(--jp-icon-save);
}

.jp-SearchIcon {
  background-image: var(--jp-icon-search);
}

.jp-SettingsIcon {
  background-image: var(--jp-icon-settings);
}

.jp-ShareIcon {
  background-image: var(--jp-icon-share);
}

.jp-SpreadsheetIcon {
  background-image: var(--jp-icon-spreadsheet);
}

.jp-StopIcon {
  background-image: var(--jp-icon-stop);
}

.jp-TabIcon {
  background-image: var(--jp-icon-tab);
}

.jp-TableRowsIcon {
  background-image: var(--jp-icon-table-rows);
}

.jp-TagIcon {
  background-image: var(--jp-icon-tag);
}

.jp-TerminalIcon {
  background-image: var(--jp-icon-terminal);
}

.jp-TextEditorIcon {
  background-image: var(--jp-icon-text-editor);
}

.jp-TocIcon {
  background-image: var(--jp-icon-toc);
}

.jp-TreeViewIcon {
  background-image: var(--jp-icon-tree-view);
}

.jp-TrustedIcon {
  background-image: var(--jp-icon-trusted);
}

.jp-UndoIcon {
  background-image: var(--jp-icon-undo);
}

.jp-UserIcon {
  background-image: var(--jp-icon-user);
}

.jp-UsersIcon {
  background-image: var(--jp-icon-users);
}

.jp-VegaIcon {
  background-image: var(--jp-icon-vega);
}

.jp-WordIcon {
  background-image: var(--jp-icon-word);
}

.jp-YamlIcon {
  background-image: var(--jp-icon-yaml);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * (DEPRECATED) Support for consuming icons as CSS background images
 */

.jp-Icon,
.jp-MaterialIcon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 16px;
  min-height: 16px;
}

.jp-Icon-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * (DEPRECATED) Support for specific CSS icon sizes
 */

.jp-Icon-16 {
  background-size: 16px;
  min-width: 16px;
  min-height: 16px;
}

.jp-Icon-18 {
  background-size: 18px;
  min-width: 18px;
  min-height: 18px;
}

.jp-Icon-20 {
  background-size: 20px;
  min-width: 20px;
  min-height: 20px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.lm-TabBar .lm-TabBar-addButton {
  align-items: center;
  display: flex;
  padding: 4px;
  padding-bottom: 5px;
  margin-right: 1px;
  background-color: var(--jp-layout-color2);
}

.lm-TabBar .lm-TabBar-addButton:hover {
  background-color: var(--jp-layout-color1);
}

.lm-DockPanel-tabBar .lm-TabBar-tab {
  width: var(--jp-private-horizontal-tab-width);
}

.lm-DockPanel-tabBar .lm-TabBar-content {
  flex: unset;
}

.lm-DockPanel-tabBar[data-orientation='horizontal'] {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * Support for icons as inline SVG HTMLElements
 */

/* recolor the primary elements of an icon */
.jp-icon0[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon1[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon2[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon3[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon4[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon0[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon1[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon2[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon3[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon4[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/* recolor the accent elements of an icon */
.jp-icon-accent0[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-accent1[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-accent2[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-accent3[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-accent4[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-accent0[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-accent1[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-accent2[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-accent3[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-accent4[stroke] {
  stroke: var(--jp-layout-color4);
}

/* set the color of an icon to transparent */
.jp-icon-none[fill] {
  fill: none;
}

.jp-icon-none[stroke] {
  stroke: none;
}

/* brand icon colors. Same for light and dark */
.jp-icon-brand0[fill] {
  fill: var(--jp-brand-color0);
}

.jp-icon-brand1[fill] {
  fill: var(--jp-brand-color1);
}

.jp-icon-brand2[fill] {
  fill: var(--jp-brand-color2);
}

.jp-icon-brand3[fill] {
  fill: var(--jp-brand-color3);
}

.jp-icon-brand4[fill] {
  fill: var(--jp-brand-color4);
}

.jp-icon-brand0[stroke] {
  stroke: var(--jp-brand-color0);
}

.jp-icon-brand1[stroke] {
  stroke: var(--jp-brand-color1);
}

.jp-icon-brand2[stroke] {
  stroke: var(--jp-brand-color2);
}

.jp-icon-brand3[stroke] {
  stroke: var(--jp-brand-color3);
}

.jp-icon-brand4[stroke] {
  stroke: var(--jp-brand-color4);
}

/* warn icon colors. Same for light and dark */
.jp-icon-warn0[fill] {
  fill: var(--jp-warn-color0);
}

.jp-icon-warn1[fill] {
  fill: var(--jp-warn-color1);
}

.jp-icon-warn2[fill] {
  fill: var(--jp-warn-color2);
}

.jp-icon-warn3[fill] {
  fill: var(--jp-warn-color3);
}

.jp-icon-warn0[stroke] {
  stroke: var(--jp-warn-color0);
}

.jp-icon-warn1[stroke] {
  stroke: var(--jp-warn-color1);
}

.jp-icon-warn2[stroke] {
  stroke: var(--jp-warn-color2);
}

.jp-icon-warn3[stroke] {
  stroke: var(--jp-warn-color3);
}

/* icon colors that contrast well with each other and most backgrounds */
.jp-icon-contrast0[fill] {
  fill: var(--jp-icon-contrast-color0);
}

.jp-icon-contrast1[fill] {
  fill: var(--jp-icon-contrast-color1);
}

.jp-icon-contrast2[fill] {
  fill: var(--jp-icon-contrast-color2);
}

.jp-icon-contrast3[fill] {
  fill: var(--jp-icon-contrast-color3);
}

.jp-icon-contrast0[stroke] {
  stroke: var(--jp-icon-contrast-color0);
}

.jp-icon-contrast1[stroke] {
  stroke: var(--jp-icon-contrast-color1);
}

.jp-icon-contrast2[stroke] {
  stroke: var(--jp-icon-contrast-color2);
}

.jp-icon-contrast3[stroke] {
  stroke: var(--jp-icon-contrast-color3);
}

.jp-icon-dot[fill] {
  fill: var(--jp-warn-color0);
}

.jp-jupyter-icon-color[fill] {
  fill: var(--jp-jupyter-icon-color, var(--jp-warn-color0));
}

.jp-notebook-icon-color[fill] {
  fill: var(--jp-notebook-icon-color, var(--jp-warn-color0));
}

.jp-json-icon-color[fill] {
  fill: var(--jp-json-icon-color, var(--jp-warn-color1));
}

.jp-console-icon-color[fill] {
  fill: var(--jp-console-icon-color, white);
}

.jp-console-icon-background-color[fill] {
  fill: var(--jp-console-icon-background-color, var(--jp-brand-color1));
}

.jp-terminal-icon-color[fill] {
  fill: var(--jp-terminal-icon-color, var(--jp-layout-color2));
}

.jp-terminal-icon-background-color[fill] {
  fill: var(
    --jp-terminal-icon-background-color,
    var(--jp-inverse-layout-color2)
  );
}

.jp-text-editor-icon-color[fill] {
  fill: var(--jp-text-editor-icon-color, var(--jp-inverse-layout-color3));
}

.jp-inspector-icon-color[fill] {
  fill: var(--jp-inspector-icon-color, var(--jp-inverse-layout-color3));
}

/* CSS for icons in selected filebrowser listing items */
.jp-DirListing-item.jp-mod-selected .jp-icon-selectable[fill] {
  fill: #fff;
}

.jp-DirListing-item.jp-mod-selected .jp-icon-selectable-inverse[fill] {
  fill: var(--jp-brand-color1);
}

/* stylelint-disable selector-max-class, selector-max-compound-selectors */

/**
* TODO: come up with non css-hack solution for showing the busy icon on top
*  of the close icon
* CSS for complex behavior of close icon of tabs in the main area tabbar
*/
.lm-DockPanel-tabBar
  .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
  > .lm-TabBar-tabCloseIcon
  > :not(:hover)
  > .jp-icon3[fill] {
  fill: none;
}

.lm-DockPanel-tabBar
  .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
  > .lm-TabBar-tabCloseIcon
  > :not(:hover)
  > .jp-icon-busy[fill] {
  fill: var(--jp-inverse-layout-color3);
}

/* stylelint-enable selector-max-class, selector-max-compound-selectors */

/* CSS for icons in status bar */
#jp-main-statusbar .jp-mod-selected .jp-icon-selectable[fill] {
  fill: #fff;
}

#jp-main-statusbar .jp-mod-selected .jp-icon-selectable-inverse[fill] {
  fill: var(--jp-brand-color1);
}

/* special handling for splash icon CSS. While the theme CSS reloads during
   splash, the splash icon can loose theming. To prevent that, we set a
   default for its color variable */
:root {
  --jp-warn-color0: var(--md-orange-700);
}

/* not sure what to do with this one, used in filebrowser listing */
.jp-DragIcon {
  margin-right: 4px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * Support for alt colors for icons as inline SVG HTMLElements
 */

/* alt recolor the primary elements of an icon */
.jp-icon-alt .jp-icon0[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-alt .jp-icon1[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-alt .jp-icon2[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-alt .jp-icon3[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-alt .jp-icon4[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-alt .jp-icon0[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-alt .jp-icon1[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-alt .jp-icon2[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-alt .jp-icon3[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-alt .jp-icon4[stroke] {
  stroke: var(--jp-layout-color4);
}

/* alt recolor the accent elements of an icon */
.jp-icon-alt .jp-icon-accent0[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-alt .jp-icon-accent1[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-alt .jp-icon-accent2[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-alt .jp-icon-accent3[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-alt .jp-icon-accent4[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-alt .jp-icon-accent0[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-alt .jp-icon-accent1[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-alt .jp-icon-accent2[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-alt .jp-icon-accent3[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-alt .jp-icon-accent4[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-icon-hoverShow:not(:hover) .jp-icon-hoverShow-content {
  display: none !important;
}

/**
 * Support for hover colors for icons as inline SVG HTMLElements
 */

/**
 * regular colors
 */

/* recolor the primary elements of an icon */
.jp-icon-hover :hover .jp-icon0-hover[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-hover :hover .jp-icon1-hover[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-hover :hover .jp-icon2-hover[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-hover :hover .jp-icon3-hover[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-hover :hover .jp-icon4-hover[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-hover :hover .jp-icon0-hover[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-hover :hover .jp-icon1-hover[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-hover :hover .jp-icon2-hover[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-hover :hover .jp-icon3-hover[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-hover :hover .jp-icon4-hover[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/* recolor the accent elements of an icon */
.jp-icon-hover :hover .jp-icon-accent0-hover[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-hover :hover .jp-icon-accent1-hover[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-hover :hover .jp-icon-accent2-hover[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-hover :hover .jp-icon-accent3-hover[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-hover :hover .jp-icon-accent4-hover[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-hover :hover .jp-icon-accent0-hover[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-hover :hover .jp-icon-accent1-hover[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-hover :hover .jp-icon-accent2-hover[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-hover :hover .jp-icon-accent3-hover[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-hover :hover .jp-icon-accent4-hover[stroke] {
  stroke: var(--jp-layout-color4);
}

/* set the color of an icon to transparent */
.jp-icon-hover :hover .jp-icon-none-hover[fill] {
  fill: none;
}

.jp-icon-hover :hover .jp-icon-none-hover[stroke] {
  stroke: none;
}

/**
 * inverse colors
 */

/* inverse recolor the primary elements of an icon */
.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[stroke] {
  stroke: var(--jp-layout-color4);
}

/* inverse recolor the accent elements of an icon */
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-IFrame {
  width: 100%;
  height: 100%;
}

.jp-IFrame > iframe {
  border: none;
}

/*
When drag events occur, `lm-mod-override-cursor` is added to the body.
Because iframes steal all cursor events, the following two rules are necessary
to suppress pointer events while resize drags are occurring. There may be a
better solution to this problem.
*/
body.lm-mod-override-cursor .jp-IFrame {
  position: relative;
}

body.lm-mod-override-cursor .jp-IFrame::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-HoverBox {
  position: fixed;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-FormGroup-content fieldset {
  border: none;
  padding: 0;
  min-width: 0;
  width: 100%;
}

/* stylelint-disable selector-max-type */

.jp-FormGroup-content fieldset .jp-inputFieldWrapper input,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper select,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper textarea {
  font-size: var(--jp-content-font-size2);
  border-color: var(--jp-input-border-color);
  border-style: solid;
  border-radius: var(--jp-border-radius);
  border-width: 1px;
  padding: 6px 8px;
  background: none;
  color: var(--jp-ui-font-color0);
  height: inherit;
}

.jp-FormGroup-content fieldset input[type='checkbox'] {
  position: relative;
  top: 2px;
  margin-left: 0;
}

.jp-FormGroup-content button.jp-mod-styled {
  cursor: pointer;
}

.jp-FormGroup-content .checkbox label {
  cursor: pointer;
  font-size: var(--jp-content-font-size1);
}

.jp-FormGroup-content .jp-root > fieldset > legend {
  display: none;
}

.jp-FormGroup-content .jp-root > fieldset > p {
  display: none;
}

/** copy of `input.jp-mod-styled:focus` style */
.jp-FormGroup-content fieldset input:focus,
.jp-FormGroup-content fieldset select:focus {
  -moz-outline-radius: unset;
  outline: var(--jp-border-width) solid var(--md-blue-500);
  outline-offset: -1px;
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-FormGroup-content fieldset input:hover:not(:focus),
.jp-FormGroup-content fieldset select:hover:not(:focus) {
  background-color: var(--jp-border-color2);
}

/* stylelint-enable selector-max-type */

.jp-FormGroup-content .checkbox .field-description {
  /* Disable default description field for checkbox:
   because other widgets do not have description fields,
   we add descriptions to each widget on the field level.
  */
  display: none;
}

.jp-FormGroup-content #root__description {
  display: none;
}

.jp-FormGroup-content .jp-modifiedIndicator {
  width: 5px;
  background-color: var(--jp-brand-color2);
  margin-top: 0;
  margin-left: calc(var(--jp-private-settingeditor-modifier-indent) * -1);
  flex-shrink: 0;
}

.jp-FormGroup-content .jp-modifiedIndicator.jp-errorIndicator {
  background-color: var(--jp-error-color0);
  margin-right: 0.5em;
}

/* RJSF ARRAY style */

.jp-arrayFieldWrapper legend {
  font-size: var(--jp-content-font-size2);
  color: var(--jp-ui-font-color0);
  flex-basis: 100%;
  padding: 4px 0;
  font-weight: var(--jp-content-heading-font-weight);
  border-bottom: 1px solid var(--jp-border-color2);
}

.jp-arrayFieldWrapper .field-description {
  padding: 4px 0;
  white-space: pre-wrap;
}

.jp-arrayFieldWrapper .array-item {
  width: 100%;
  border: 1px solid var(--jp-border-color2);
  border-radius: 4px;
  margin: 4px;
}

.jp-ArrayOperations {
  display: flex;
  margin-left: 8px;
}

.jp-ArrayOperationsButton {
  margin: 2px;
}

.jp-ArrayOperationsButton .jp-icon3[fill] {
  fill: var(--jp-ui-font-color0);
}

button.jp-ArrayOperationsButton.jp-mod-styled:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* RJSF form validation error */

.jp-FormGroup-content .validationErrors {
  color: var(--jp-error-color0);
}

/* Hide panel level error as duplicated the field level error */
.jp-FormGroup-content .panel.errors {
  display: none;
}

/* RJSF normal content (settings-editor) */

.jp-FormGroup-contentNormal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-FormGroup-contentItem {
  margin-left: 7px;
  color: var(--jp-ui-font-color0);
}

.jp-FormGroup-contentNormal .jp-FormGroup-description {
  flex-basis: 100%;
  padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-default {
  flex-basis: 100%;
  padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-fieldLabel {
  font-size: var(--jp-content-font-size1);
  font-weight: normal;
  min-width: 120px;
}

.jp-FormGroup-contentNormal fieldset:not(:first-child) {
  margin-left: 7px;
}

.jp-FormGroup-contentNormal .field-array-of-string .array-item {
  /* Display `jp-ArrayOperations` buttons side-by-side with content except
    for small screens where flex-wrap will place them one below the other.
  */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-objectFieldWrapper .form-group {
  padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
  margin-top: 2px;
}

/* RJSF compact content (metadata-form) */

.jp-FormGroup-content.jp-FormGroup-contentCompact {
  width: 100%;
}

.jp-FormGroup-contentCompact .form-group {
  display: flex;
  padding: 0.5em 0.2em 0.5em 0;
}

.jp-FormGroup-contentCompact
  .jp-FormGroup-compactTitle
  .jp-FormGroup-description {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color2);
}

.jp-FormGroup-contentCompact .jp-FormGroup-fieldLabel {
  padding-bottom: 0.3em;
}

.jp-FormGroup-contentCompact .jp-inputFieldWrapper .form-control {
  width: 100%;
  box-sizing: border-box;
}

.jp-FormGroup-contentCompact .jp-arrayFieldWrapper .jp-FormGroup-compactTitle {
  padding-bottom: 7px;
}

.jp-FormGroup-contentCompact
  .jp-objectFieldWrapper
  .jp-objectFieldWrapper
  .form-group {
  padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
  margin-top: 2px;
}

.jp-FormGroup-contentCompact ul.error-detail {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  padding-inline-start: 1em;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-SidePanel {
  display: flex;
  flex-direction: column;
  min-width: var(--jp-sidebar-min-width);
  overflow-y: auto;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);
  font-size: var(--jp-ui-font-size1);
}

.jp-SidePanel-header {
  flex: 0 0 auto;
  display: flex;
  border-bottom: var(--jp-border-width) solid var(--jp-border-color2);
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 2px;
  text-transform: uppercase;
}

.jp-SidePanel-toolbar {
  flex: 0 0 auto;
}

.jp-SidePanel-content {
  flex: 1 1 auto;
}

.jp-SidePanel-toolbar,
.jp-AccordionPanel-toolbar {
  height: var(--jp-private-toolbar-height);
}

.jp-SidePanel-toolbar.jp-Toolbar-micro {
  display: none;
}

.lm-AccordionPanel .jp-AccordionPanel-title {
  box-sizing: border-box;
  line-height: 25px;
  margin: 0;
  display: flex;
  align-items: center;
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  font-size: var(--jp-ui-font-size0);
}

.jp-AccordionPanel-title {
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  text-transform: uppercase;
}

.lm-AccordionPanel[data-orientation='horizontal'] > .jp-AccordionPanel-title {
  /* Title is rotated for horizontal accordion panel using CSS */
  display: block;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%);
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleLabel {
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleCollapser {
  transform: rotate(-90deg);
  margin: auto 0;
  height: 16px;
}

.jp-AccordionPanel-title.lm-mod-expanded .lm-AccordionPanel-titleCollapser {
  transform: rotate(0deg);
}

.lm-AccordionPanel .jp-AccordionPanel-toolbar {
  background: none;
  box-shadow: none;
  border: none;
  margin-left: auto;
}

.lm-AccordionPanel .lm-SplitPanel-handle:hover {
  background: var(--jp-layout-color3);
}

.jp-text-truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Spinner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--jp-layout-color0);
  outline: none;
}

.jp-SpinnerContent {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--jp-brand-color3);
  background: linear-gradient(
    to right,
    #f37626 10%,
    rgba(255, 255, 255, 0) 42%
  );
  position: relative;
  animation: load3 1s infinite linear, fadeIn 1s;
}

.jp-SpinnerContent::before {
  width: 50%;
  height: 50%;
  background: #f37626;
  border-radius: 100% 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.jp-SpinnerContent::after {
  background: var(--jp-layout-color0);
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

button.jp-mod-styled {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  border: none;
  box-sizing: border-box;
  text-align: center;
  line-height: 32px;
  height: 32px;
  padding: 0 12px;
  letter-spacing: 0.8px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input.jp-mod-styled {
  background: var(--jp-input-background);
  height: 28px;
  box-sizing: border-box;
  border: var(--jp-border-width) solid var(--jp-border-color1);
  padding-left: 7px;
  padding-right: 7px;
  font-size: var(--jp-ui-font-size2);
  color: var(--jp-ui-font-color0);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='checkbox'].jp-mod-styled {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  height: auto;
}

input.jp-mod-styled:focus {
  border: var(--jp-border-width) solid var(--md-blue-500);
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-select-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 1px;
  background-color: var(--jp-layout-color1);
  box-sizing: border-box;
  margin-bottom: 12px;
}

.jp-select-wrapper:not(.multiple) {
  height: 28px;
}

.jp-select-wrapper.jp-mod-focused select.jp-mod-styled {
  border: var(--jp-border-width) solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
  background-color: var(--jp-input-active-background);
}

select.jp-mod-styled:hover {
  cursor: pointer;
  color: var(--jp-ui-font-color0);
  background-color: var(--jp-input-hover-background);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

select.jp-mod-styled {
  flex: 1 1 auto;
  width: 100%;
  font-size: var(--jp-ui-font-size2);
  background: var(--jp-input-background);
  color: var(--jp-ui-font-color0);
  padding: 0 25px 0 8px;
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  border-radius: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.jp-mod-styled:not([multiple]) {
  height: 32px;
}

select.jp-mod-styled[multiple] {
  max-height: 200px;
  overflow-y: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-switch {
  display: flex;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  font-size: var(--jp-ui-font-size1);
  background-color: transparent;
  color: var(--jp-ui-font-color1);
  border: none;
  height: 20px;
}

.jp-switch:hover {
  background-color: var(--jp-layout-color2);
}

.jp-switch-label {
  margin-right: 5px;
  font-family: var(--jp-ui-font-family);
}

.jp-switch-track {
  cursor: pointer;
  background-color: var(--jp-switch-color, var(--jp-border-color1));
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
  height: 16px;
  width: 35px;
  position: relative;
}

.jp-switch-track::before {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  margin: 3px;
  left: 0;
  background-color: var(--jp-ui-inverse-font-color1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.jp-switch[aria-checked='true'] .jp-switch-track {
  background-color: var(--jp-switch-true-position-color, var(--jp-warn-color0));
}

.jp-switch[aria-checked='true'] .jp-switch-track::before {
  /* track width (35) - margins (3 + 3) - thumb width (10) */
  left: 19px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

:root {
  --jp-private-toolbar-height: calc(
    28px + var(--jp-border-width)
  ); /* leave 28px for content */
}

.jp-Toolbar {
  color: var(--jp-ui-font-color1);
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  background: var(--jp-toolbar-background);
  min-height: var(--jp-toolbar-micro-height);
  padding: 2px;
  z-index: 8;
  overflow-x: hidden;
}

/* Toolbar items */

.jp-Toolbar > .jp-Toolbar-item.jp-Toolbar-spacer {
  flex-grow: 1;
  flex-shrink: 1;
}

.jp-Toolbar-item.jp-Toolbar-kernelStatus {
  display: inline-block;
  width: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.jp-Toolbar > .jp-Toolbar-item {
  flex: 0 0 auto;
  display: flex;
  padding-left: 1px;
  padding-right: 1px;
  font-size: var(--jp-ui-font-size1);
  line-height: var(--jp-private-toolbar-height);
  height: 100%;
}

/* Toolbar buttons */

/* This is the div we use to wrap the react component into a Widget */
div.jp-ToolbarButton {
  color: transparent;
  border: none;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
}

button.jp-ToolbarButtonComponent {
  background: var(--jp-layout-color1);
  border: none;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 6px;
  margin: 0;
  height: 24px;
  border-radius: var(--jp-border-radius);
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  min-width: unset;
  min-height: unset;
}

button.jp-ToolbarButtonComponent:disabled {
  opacity: 0.4;
}

button.jp-ToolbarButtonComponent > span {
  padding: 0;
  flex: 0 0 auto;
}

button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
  font-size: var(--jp-ui-font-size1);
  line-height: 100%;
  padding-left: 2px;
  color: var(--jp-ui-font-color1);
  font-family: var(--jp-ui-font-family);
}

#jp-main-dock-panel[data-mode='single-document']
  .jp-MainAreaWidget
  > .jp-Toolbar.jp-Toolbar-micro {
  padding: 0;
  min-height: 0;
}

#jp-main-dock-panel[data-mode='single-document']
  .jp-MainAreaWidget
  > .jp-Toolbar {
  border: none;
  box-shadow: none;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-WindowedPanel-outer {
  position: relative;
  overflow-y: auto;
}

.jp-WindowedPanel-inner {
  position: relative;
}

.jp-WindowedPanel-window {
  position: absolute;
  left: 0;
  right: 0;
  overflow: visible;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/* Sibling imports */

body {
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
}

/* Disable native link decoration styles everywhere outside of dialog boxes */
a {
  text-decoration: unset;
  color: unset;
}

a:hover {
  text-decoration: unset;
  color: unset;
}

/* Accessibility for links inside dialog box text */
.jp-Dialog-content a {
  text-decoration: revert;
  color: var(--jp-content-link-color);
}

.jp-Dialog-content a:hover {
  text-decoration: revert;
}

/* Styles for ui-components */
.jp-Button {
  color: var(--jp-ui-font-color2);
  border-radius: var(--jp-border-radius);
  padding: 0 12px;
  font-size: var(--jp-ui-font-size1);

  /* Copy from blueprint 3 */
  display: inline-flex;
  flex-direction: row;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: left;
  vertical-align: middle;
  min-height: 30px;
  min-width: 30px;
}

.jp-Button:disabled {
  cursor: not-allowed;
}

.jp-Button:empty {
  padding: 0 !important;
}

.jp-Button.jp-mod-small {
  min-height: 24px;
  min-width: 24px;
  font-size: 12px;
  padding: 0 7px;
}

/* Use our own theme for hover styles */
.jp-Button.jp-mod-minimal:hover {
  background-color: var(--jp-layout-color2);
}

.jp-Button.jp-mod-minimal {
  background: none;
}

.jp-InputGroup {
  display: block;
  position: relative;
}

.jp-InputGroup input {
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background-color: transparent;
  color: var(--jp-ui-font-color0);
  box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 28px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  outline: none;
  vertical-align: middle;
}

.jp-InputGroup input:focus {
  box-shadow: inset 0 0 0 var(--jp-border-width)
      var(--jp-input-active-box-shadow-color),
    inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}

.jp-InputGroup input:disabled {
  cursor: not-allowed;
  resize: block;
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color2);
}

.jp-InputGroup input:disabled ~ span {
  cursor: not-allowed;
  color: var(--jp-ui-font-color2);
}

.jp-InputGroup input::placeholder,
input::placeholder {
  color: var(--jp-ui-font-color2);
}

.jp-InputGroupAction {
  position: absolute;
  bottom: 1px;
  right: 0;
  padding: 6px;
}

.jp-HTMLSelect.jp-DefaultStyle select {
  background-color: initial;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--jp-ui-font-color0);
  display: block;
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  height: 24px;
  line-height: 14px;
  padding: 0 25px 0 10px;
  text-align: left;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled {
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color2);
  cursor: not-allowed;
  resize: block;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled ~ span {
  cursor: not-allowed;
}

/* Use our own theme for hover and option styles */
/* stylelint-disable-next-line selector-max-type */
.jp-HTMLSelect.jp-DefaultStyle select:hover,
.jp-HTMLSelect.jp-DefaultStyle select > option {
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color0);
}

select {
  box-sizing: border-box;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-StatusBar-Widget {
  display: flex;
  align-items: center;
  background: var(--jp-layout-color2);
  min-height: var(--jp-statusbar-height);
  justify-content: space-between;
  padding: 0 10px;
}

.jp-StatusBar-Left {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jp-StatusBar-Middle {
  display: flex;
  align-items: center;
}

.jp-StatusBar-Right {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.jp-StatusBar-Item {
  max-height: var(--jp-statusbar-height);
  margin: 0 2px;
  height: var(--jp-statusbar-height);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--jp-ui-font-color1);
  padding: 0 6px;
}

.jp-mod-highlighted:hover {
  background-color: var(--jp-layout-color3);
}

.jp-mod-clicked {
  background-color: var(--jp-brand-color1);
}

.jp-mod-clicked:hover {
  background-color: var(--jp-brand-color0);
}

.jp-mod-clicked .jp-StatusBar-TextItem {
  color: var(--jp-ui-inverse-font-color1);
}

.jp-StatusBar-HoverItem {
  box-shadow: '0px 4px 4px rgba(0, 0, 0, 0.25)';
}

.jp-StatusBar-TextItem {
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  line-height: 24px;
  color: var(--jp-ui-font-color1);
}

.jp-StatusBar-GroupItem {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jp-Statusbar-ProgressCircle svg {
  display: block;
  margin: 0 auto;
  width: 16px;
  height: 24px;
  align-self: normal;
}

.jp-Statusbar-ProgressCircle path {
  fill: var(--jp-inverse-layout-color3);
}

.jp-Statusbar-ProgressBar-progress-bar {
  height: 10px;
  width: 100px;
  border: solid 0.25px var(--jp-brand-color2);
  border-radius: 3px;
  overflow: hidden;
  align-self: center;
}

.jp-Statusbar-ProgressBar-progress-bar > div {
  background-color: var(--jp-brand-color2);
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  animation: jp-Statusbar-ExecutionTime-progress-bar 2s linear infinite;
}

.jp-Statusbar-ProgressBar-progress-bar p {
  color: var(--jp-ui-font-color1);
  font-family: var(--jp-ui-font-family);
  font-size: var(--jp-ui-font-size1);
  line-height: 10px;
  width: 100px;
}

@keyframes jp-Statusbar-ExecutionTime-progress-bar {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 40px 40px;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-commandpalette-search-height: 28px;
}

/*-----------------------------------------------------------------------------
| Overall styles
|----------------------------------------------------------------------------*/

.lm-CommandPalette {
  padding-bottom: 0;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);

  /* This is needed so that all font sizing of children done in ems is
   * relative to this base size */
  font-size: var(--jp-ui-font-size1);
}

/*-----------------------------------------------------------------------------
| Modal variant
|----------------------------------------------------------------------------*/

.jp-ModalCommandPalette {
  position: absolute;
  z-index: 10000;
  top: 38px;
  left: 30%;
  margin: 0;
  padding: 4px;
  width: 40%;
  box-shadow: var(--jp-elevation-z4);
  border-radius: 4px;
  background: var(--jp-layout-color0);
}

.jp-ModalCommandPalette .lm-CommandPalette {
  max-height: 40vh;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-close-icon::after {
  display: none;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-CommandPalette-header {
  display: none;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-CommandPalette-item {
  margin-left: 4px;
  margin-right: 4px;
}

.jp-ModalCommandPalette
  .lm-CommandPalette
  .lm-CommandPalette-item.lm-mod-disabled {
  display: none;
}

/*-----------------------------------------------------------------------------
| Search
|----------------------------------------------------------------------------*/

.lm-CommandPalette-search {
  padding: 4px;
  background-color: var(--jp-layout-color1);
  z-index: 2;
}

.lm-CommandPalette-wrapper {
  overflow: overlay;
  padding: 0 9px;
  background-color: var(--jp-input-active-background);
  height: 30px;
  box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
}

.lm-CommandPalette.lm-mod-focused .lm-CommandPalette-wrapper {
  box-shadow: inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
    inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}

.jp-SearchIconGroup {
  color: white;
  background-color: var(--jp-brand-color1);
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 5px 5px 1px;
}

.jp-SearchIconGroup svg {
  height: 20px;
  width: 20px;
}

.jp-SearchIconGroup .jp-icon3[fill] {
  fill: var(--jp-layout-color0);
}

.lm-CommandPalette-input {
  background: transparent;
  width: calc(100% - 18px);
  float: left;
  border: none;
  outline: none;
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  line-height: var(--jp-private-commandpalette-search-height);
}

.lm-CommandPalette-input::-webkit-input-placeholder,
.lm-CommandPalette-input::-moz-placeholder,
.lm-CommandPalette-input:-ms-input-placeholder {
  color: var(--jp-ui-font-color2);
  font-size: var(--jp-ui-font-size1);
}

/*-----------------------------------------------------------------------------
| Results
|----------------------------------------------------------------------------*/

.lm-CommandPalette-header:first-child {
  margin-top: 0;
}

.lm-CommandPalette-header {
  border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
  color: var(--jp-ui-font-color1);
  cursor: pointer;
  display: flex;
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 8px;
  padding: 8px 0 8px 12px;
  text-transform: uppercase;
}

.lm-CommandPalette-header.lm-mod-active {
  background: var(--jp-layout-color2);
}

.lm-CommandPalette-header > mark {
  background-color: transparent;
  font-weight: bold;
  color: var(--jp-ui-font-color1);
}

.lm-CommandPalette-item {
  padding: 4px 12px 4px 4px;
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  font-weight: 400;
  display: flex;
}

.lm-CommandPalette-item.lm-mod-disabled {
  color: var(--jp-ui-font-color2);
}

.lm-CommandPalette-item.lm-mod-active {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.lm-CommandPalette-item.lm-mod-active .lm-CommandPalette-itemLabel > mark {
  color: var(--jp-ui-inverse-font-color0);
}

.lm-CommandPalette-item.lm-mod-active .jp-icon-selectable[fill] {
  fill: var(--jp-layout-color0);
}

.lm-CommandPalette-item.lm-mod-active:hover:not(.lm-mod-disabled) {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.lm-CommandPalette-item:hover:not(.lm-mod-active):not(.lm-mod-disabled) {
  background: var(--jp-layout-color2);
}

.lm-CommandPalette-itemContent {
  overflow: hidden;
}

.lm-CommandPalette-itemLabel > mark {
  color: var(--jp-ui-font-color0);
  background-color: transparent;
  font-weight: bold;
}

.lm-CommandPalette-item.lm-mod-disabled mark {
  color: var(--jp-ui-font-color2);
}

.lm-CommandPalette-item .lm-CommandPalette-itemIcon {
  margin: 0 4px 0 0;
  position: relative;
  width: 16px;
  top: 2px;
  flex: 0 0 auto;
}

.lm-CommandPalette-item.lm-mod-disabled .lm-CommandPalette-itemIcon {
  opacity: 0.6;
}

.lm-CommandPalette-item .lm-CommandPalette-itemShortcut {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemCaption {
  display: none;
}

.lm-CommandPalette-content {
  background-color: var(--jp-layout-color1);
}

.lm-CommandPalette-content:empty::after {
  content: 'No results';
  margin: auto;
  margin-top: 20px;
  width: 100px;
  display: block;
  font-size: var(--jp-ui-font-size2);
  font-family: var(--jp-ui-font-family);
  font-weight: lighter;
}

.lm-CommandPalette-emptyMessage {
  text-align: center;
  margin-top: 24px;
  line-height: 1.32;
  padding: 0 8px;
  color: var(--jp-content-font-color3);
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Dialog {
  position: absolute;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: var(--jp-dialog-background);
}

.jp-Dialog-content {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  background: var(--jp-layout-color1);
  padding: 24px 24px 12px;
  min-width: 300px;
  min-height: 150px;
  max-width: 1000px;
  max-height: 500px;
  box-sizing: border-box;
  box-shadow: var(--jp-elevation-z20);
  word-wrap: break-word;
  border-radius: var(--jp-border-radius);

  /* This is needed so that all font sizing of children done in ems is
   * relative to this base size */
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color1);
  resize: both;
}

.jp-Dialog-content.jp-Dialog-content-small {
  max-width: 500px;
}

.jp-Dialog-button {
  overflow: visible;
}

button.jp-Dialog-button:focus {
  outline: 1px solid var(--jp-brand-color1);
  outline-offset: 4px;
  -moz-outline-radius: 0;
}

button.jp-Dialog-button:focus::-moz-focus-inner {
  border: 0;
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
  outline-offset: 4px;
  -moz-outline-radius: 0;
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus {
  outline: 1px solid var(--jp-accept-color-normal, var(--jp-brand-color1));
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus {
  outline: 1px solid var(--jp-warn-color-normal, var(--jp-error-color1));
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
  outline: 1px solid var(--jp-reject-color-normal, var(--md-grey-600));
}

button.jp-Dialog-close-button {
  padding: 0;
  height: 100%;
  min-width: unset;
  min-height: unset;
}

.jp-Dialog-header {
  display: flex;
  justify-content: space-between;
  flex: 0 0 auto;
  padding-bottom: 12px;
  font-size: var(--jp-ui-font-size3);
  font-weight: 400;
  color: var(--jp-ui-font-color1);
}

.jp-Dialog-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  font-size: var(--jp-ui-font-size1);
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  overflow: auto;
}

.jp-Dialog-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
  margin-left: -12px;
  margin-right: -12px;
  padding: 12px;
}

.jp-Dialog-checkbox {
  padding-right: 5px;
}

.jp-Dialog-checkbox > input:focus-visible {
  outline: 1px solid var(--jp-input-active-border-color);
  outline-offset: 1px;
}

.jp-Dialog-spacer {
  flex: 1 1 auto;
}

.jp-Dialog-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jp-Dialog-body > .jp-select-wrapper {
  width: 100%;
}

.jp-Dialog-body > button {
  padding: 0 16px;
}

.jp-Dialog-body > label {
  line-height: 1.4;
  color: var(--jp-ui-font-color0);
}

.jp-Dialog-button.jp-mod-styled:not(:last-child) {
  margin-right: 12px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-Input-Boolean-Dialog {
  flex-direction: row-reverse;
  align-items: end;
  width: 100%;
}

.jp-Input-Boolean-Dialog > label {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-MainAreaWidget > :focus {
  outline: none;
}

.jp-MainAreaWidget .jp-MainAreaWidget-error {
  padding: 6px;
}

.jp-MainAreaWidget .jp-MainAreaWidget-error > pre {
  width: auto;
  padding: 10px;
  background: var(--jp-error-color3);
  border: var(--jp-border-width) solid var(--jp-error-color1);
  border-radius: var(--jp-border-radius);
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/**
 * google-material-color v1.2.6
 * https://github.com/danlevan/google-material-color
 */
:root {
  --md-red-50: #ffebee;
  --md-red-100: #ffcdd2;
  --md-red-200: #ef9a9a;
  --md-red-300: #e57373;
  --md-red-400: #ef5350;
  --md-red-500: #f44336;
  --md-red-600: #e53935;
  --md-red-700: #d32f2f;
  --md-red-800: #c62828;
  --md-red-900: #b71c1c;
  --md-red-A100: #ff8a80;
  --md-red-A200: #ff5252;
  --md-red-A400: #ff1744;
  --md-red-A700: #d50000;
  --md-pink-50: #fce4ec;
  --md-pink-100: #f8bbd0;
  --md-pink-200: #f48fb1;
  --md-pink-300: #f06292;
  --md-pink-400: #ec407a;
  --md-pink-500: #e91e63;
  --md-pink-600: #d81b60;
  --md-pink-700: #c2185b;
  --md-pink-800: #ad1457;
  --md-pink-900: #880e4f;
  --md-pink-A100: #ff80ab;
  --md-pink-A200: #ff4081;
  --md-pink-A400: #f50057;
  --md-pink-A700: #c51162;
  --md-purple-50: #f3e5f5;
  --md-purple-100: #e1bee7;
  --md-purple-200: #ce93d8;
  --md-purple-300: #ba68c8;
  --md-purple-400: #ab47bc;
  --md-purple-500: #9c27b0;
  --md-purple-600: #8e24aa;
  --md-purple-700: #7b1fa2;
  --md-purple-800: #6a1b9a;
  --md-purple-900: #4a148c;
  --md-purple-A100: #ea80fc;
  --md-purple-A200: #e040fb;
  --md-purple-A400: #d500f9;
  --md-purple-A700: #a0f;
  --md-deep-purple-50: #ede7f6;
  --md-deep-purple-100: #d1c4e9;
  --md-deep-purple-200: #b39ddb;
  --md-deep-purple-300: #9575cd;
  --md-deep-purple-400: #7e57c2;
  --md-deep-purple-500: #673ab7;
  --md-deep-purple-600: #5e35b1;
  --md-deep-purple-700: #512da8;
  --md-deep-purple-800: #4527a0;
  --md-deep-purple-900: #311b92;
  --md-deep-purple-A100: #b388ff;
  --md-deep-purple-A200: #7c4dff;
  --md-deep-purple-A400: #651fff;
  --md-deep-purple-A700: #6200ea;
  --md-indigo-50: #e8eaf6;
  --md-indigo-100: #c5cae9;
  --md-indigo-200: #9fa8da;
  --md-indigo-300: #7986cb;
  --md-indigo-400: #5c6bc0;
  --md-indigo-500: #3f51b5;
  --md-indigo-600: #3949ab;
  --md-indigo-700: #303f9f;
  --md-indigo-800: #283593;
  --md-indigo-900: #1a237e;
  --md-indigo-A100: #8c9eff;
  --md-indigo-A200: #536dfe;
  --md-indigo-A400: #3d5afe;
  --md-indigo-A700: #304ffe;
  --md-blue-50: #e3f2fd;
  --md-blue-100: #bbdefb;
  --md-blue-200: #90caf9;
  --md-blue-300: #64b5f6;
  --md-blue-400: #42a5f5;
  --md-blue-500: #2196f3;
  --md-blue-600: #1e88e5;
  --md-blue-700: #1976d2;
  --md-blue-800: #1565c0;
  --md-blue-900: #0d47a1;
  --md-blue-A100: #82b1ff;
  --md-blue-A200: #448aff;
  --md-blue-A400: #2979ff;
  --md-blue-A700: #2962ff;
  --md-light-blue-50: #e1f5fe;
  --md-light-blue-100: #b3e5fc;
  --md-light-blue-200: #81d4fa;
  --md-light-blue-300: #4fc3f7;
  --md-light-blue-400: #29b6f6;
  --md-light-blue-500: #03a9f4;
  --md-light-blue-600: #039be5;
  --md-light-blue-700: #0288d1;
  --md-light-blue-800: #0277bd;
  --md-light-blue-900: #01579b;
  --md-light-blue-A100: #80d8ff;
  --md-light-blue-A200: #40c4ff;
  --md-light-blue-A400: #00b0ff;
  --md-light-blue-A700: #0091ea;
  --md-cyan-50: #e0f7fa;
  --md-cyan-100: #b2ebf2;
  --md-cyan-200: #80deea;
  --md-cyan-300: #4dd0e1;
  --md-cyan-400: #26c6da;
  --md-cyan-500: #00bcd4;
  --md-cyan-600: #00acc1;
  --md-cyan-700: #0097a7;
  --md-cyan-800: #00838f;
  --md-cyan-900: #006064;
  --md-cyan-A100: #84ffff;
  --md-cyan-A200: #18ffff;
  --md-cyan-A400: #00e5ff;
  --md-cyan-A700: #00b8d4;
  --md-teal-50: #e0f2f1;
  --md-teal-100: #b2dfdb;
  --md-teal-200: #80cbc4;
  --md-teal-300: #4db6ac;
  --md-teal-400: #26a69a;
  --md-teal-500: #009688;
  --md-teal-600: #00897b;
  --md-teal-700: #00796b;
  --md-teal-800: #00695c;
  --md-teal-900: #004d40;
  --md-teal-A100: #a7ffeb;
  --md-teal-A200: #64ffda;
  --md-teal-A400: #1de9b6;
  --md-teal-A700: #00bfa5;
  --md-green-50: #e8f5e9;
  --md-green-100: #c8e6c9;
  --md-green-200: #a5d6a7;
  --md-green-300: #81c784;
  --md-green-400: #66bb6a;
  --md-green-500: #4caf50;
  --md-green-600: #43a047;
  --md-green-700: #388e3c;
  --md-green-800: #2e7d32;
  --md-green-900: #1b5e20;
  --md-green-A100: #b9f6ca;
  --md-green-A200: #69f0ae;
  --md-green-A400: #00e676;
  --md-green-A700: #00c853;
  --md-light-green-50: #f1f8e9;
  --md-light-green-100: #dcedc8;
  --md-light-green-200: #c5e1a5;
  --md-light-green-300: #aed581;
  --md-light-green-400: #9ccc65;
  --md-light-green-500: #8bc34a;
  --md-light-green-600: #7cb342;
  --md-light-green-700: #689f38;
  --md-light-green-800: #558b2f;
  --md-light-green-900: #33691e;
  --md-light-green-A100: #ccff90;
  --md-light-green-A200: #b2ff59;
  --md-light-green-A400: #76ff03;
  --md-light-green-A700: #64dd17;
  --md-lime-50: #f9fbe7;
  --md-lime-100: #f0f4c3;
  --md-lime-200: #e6ee9c;
  --md-lime-300: #dce775;
  --md-lime-400: #d4e157;
  --md-lime-500: #cddc39;
  --md-lime-600: #c0ca33;
  --md-lime-700: #afb42b;
  --md-lime-800: #9e9d24;
  --md-lime-900: #827717;
  --md-lime-A100: #f4ff81;
  --md-lime-A200: #eeff41;
  --md-lime-A400: #c6ff00;
  --md-lime-A700: #aeea00;
  --md-yellow-50: #fffde7;
  --md-yellow-100: #fff9c4;
  --md-yellow-200: #fff59d;
  --md-yellow-300: #fff176;
  --md-yellow-400: #ffee58;
  --md-yellow-500: #ffeb3b;
  --md-yellow-600: #fdd835;
  --md-yellow-700: #fbc02d;
  --md-yellow-800: #f9a825;
  --md-yellow-900: #f57f17;
  --md-yellow-A100: #ffff8d;
  --md-yellow-A200: #ff0;
  --md-yellow-A400: #ffea00;
  --md-yellow-A700: #ffd600;
  --md-amber-50: #fff8e1;
  --md-amber-100: #ffecb3;
  --md-amber-200: #ffe082;
  --md-amber-300: #ffd54f;
  --md-amber-400: #ffca28;
  --md-amber-500: #ffc107;
  --md-amber-600: #ffb300;
  --md-amber-700: #ffa000;
  --md-amber-800: #ff8f00;
  --md-amber-900: #ff6f00;
  --md-amber-A100: #ffe57f;
  --md-amber-A200: #ffd740;
  --md-amber-A400: #ffc400;
  --md-amber-A700: #ffab00;
  --md-orange-50: #fff3e0;
  --md-orange-100: #ffe0b2;
  --md-orange-200: #ffcc80;
  --md-orange-300: #ffb74d;
  --md-orange-400: #ffa726;
  --md-orange-500: #ff9800;
  --md-orange-600: #fb8c00;
  --md-orange-700: #f57c00;
  --md-orange-800: #ef6c00;
  --md-orange-900: #e65100;
  --md-orange-A100: #ffd180;
  --md-orange-A200: #ffab40;
  --md-orange-A400: #ff9100;
  --md-orange-A700: #ff6d00;
  --md-deep-orange-50: #fbe9e7;
  --md-deep-orange-100: #ffccbc;
  --md-deep-orange-200: #ffab91;
  --md-deep-orange-300: #ff8a65;
  --md-deep-orange-400: #ff7043;
  --md-deep-orange-500: #ff5722;
  --md-deep-orange-600: #f4511e;
  --md-deep-orange-700: #e64a19;
  --md-deep-orange-800: #d84315;
  --md-deep-orange-900: #bf360c;
  --md-deep-orange-A100: #ff9e80;
  --md-deep-orange-A200: #ff6e40;
  --md-deep-orange-A400: #ff3d00;
  --md-deep-orange-A700: #dd2c00;
  --md-brown-50: #efebe9;
  --md-brown-100: #d7ccc8;
  --md-brown-200: #bcaaa4;
  --md-brown-300: #a1887f;
  --md-brown-400: #8d6e63;
  --md-brown-500: #795548;
  --md-brown-600: #6d4c41;
  --md-brown-700: #5d4037;
  --md-brown-800: #4e342e;
  --md-brown-900: #3e2723;
  --md-grey-50: #fafafa;
  --md-grey-100: #f5f5f5;
  --md-grey-200: #eee;
  --md-grey-300: #e0e0e0;
  --md-grey-400: #bdbdbd;
  --md-grey-500: #9e9e9e;
  --md-grey-600: #757575;
  --md-grey-700: #616161;
  --md-grey-800: #424242;
  --md-grey-900: #212121;
  --md-blue-grey-50: #eceff1;
  --md-blue-grey-100: #cfd8dc;
  --md-blue-grey-200: #b0bec5;
  --md-blue-grey-300: #90a4ae;
  --md-blue-grey-400: #78909c;
  --md-blue-grey-500: #607d8b;
  --md-blue-grey-600: #546e7a;
  --md-blue-grey-700: #455a64;
  --md-blue-grey-800: #37474f;
  --md-blue-grey-900: #263238;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| RenderedText
|----------------------------------------------------------------------------*/

:root {
  /* This is the padding value to fill the gaps between lines containing spans with background color. */
  --jp-private-code-span-padding: calc(
    (var(--jp-code-line-height) - 1) * var(--jp-code-font-size) / 2
  );
}

.jp-RenderedText {
  text-align: left;
  padding-left: var(--jp-code-padding);
  line-height: var(--jp-code-line-height);
  font-family: var(--jp-code-font-family);
}

.jp-RenderedText pre,
.jp-RenderedJavaScript pre,
.jp-RenderedHTMLCommon pre {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-code-font-size);
  border: none;
  margin: 0;
  padding: 0;
}

.jp-RenderedText pre a:link {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

.jp-RenderedText pre a:hover {
  text-decoration: underline;
  color: var(--jp-content-link-color);
}

.jp-RenderedText pre a:visited {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

/* console foregrounds and backgrounds */
.jp-RenderedText pre .ansi-black-fg {
  color: #3e424d;
}

.jp-RenderedText pre .ansi-red-fg {
  color: #e75c58;
}

.jp-RenderedText pre .ansi-green-fg {
  color: #00a250;
}

.jp-RenderedText pre .ansi-yellow-fg {
  color: #ddb62b;
}

.jp-RenderedText pre .ansi-blue-fg {
  color: #208ffb;
}

.jp-RenderedText pre .ansi-magenta-fg {
  color: #d160c4;
}

.jp-RenderedText pre .ansi-cyan-fg {
  color: #60c6c8;
}

.jp-RenderedText pre .ansi-white-fg {
  color: #c5c1b4;
}

.jp-RenderedText pre .ansi-black-bg {
  background-color: #3e424d;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-bg {
  background-color: #e75c58;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-bg {
  background-color: #00a250;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-bg {
  background-color: #ddb62b;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-bg {
  background-color: #208ffb;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-bg {
  background-color: #d160c4;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-bg {
  background-color: #60c6c8;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-bg {
  background-color: #c5c1b4;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-black-intense-fg {
  color: #282c36;
}

.jp-RenderedText pre .ansi-red-intense-fg {
  color: #b22b31;
}

.jp-RenderedText pre .ansi-green-intense-fg {
  color: #007427;
}

.jp-RenderedText pre .ansi-yellow-intense-fg {
  color: #b27d12;
}

.jp-RenderedText pre .ansi-blue-intense-fg {
  color: #0065ca;
}

.jp-RenderedText pre .ansi-magenta-intense-fg {
  color: #a03196;
}

.jp-RenderedText pre .ansi-cyan-intense-fg {
  color: #258f8f;
}

.jp-RenderedText pre .ansi-white-intense-fg {
  color: #a1a6b2;
}

.jp-RenderedText pre .ansi-black-intense-bg {
  background-color: #282c36;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-intense-bg {
  background-color: #b22b31;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-intense-bg {
  background-color: #007427;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-intense-bg {
  background-color: #b27d12;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-intense-bg {
  background-color: #0065ca;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-intense-bg {
  background-color: #a03196;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-intense-bg {
  background-color: #258f8f;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-intense-bg {
  background-color: #a1a6b2;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-default-inverse-fg {
  color: var(--jp-ui-inverse-font-color0);
}

.jp-RenderedText pre .ansi-default-inverse-bg {
  background-color: var(--jp-inverse-layout-color0);
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-bold {
  font-weight: bold;
}

.jp-RenderedText pre .ansi-underline {
  text-decoration: underline;
}

.jp-RenderedText[data-mime-type='application/vnd.jupyter.stderr'] {
  background: var(--jp-rendermime-error-background);
  padding-top: var(--jp-code-padding);
}

/*-----------------------------------------------------------------------------
| RenderedLatex
|----------------------------------------------------------------------------*/

.jp-RenderedLatex {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-content-font-size1);
  line-height: var(--jp-content-line-height);
}

/* Left-justify outputs.*/
.jp-OutputArea-output.jp-RenderedLatex {
  padding: var(--jp-code-padding);
  text-align: left;
}

/*-----------------------------------------------------------------------------
| RenderedHTML
|----------------------------------------------------------------------------*/

.jp-RenderedHTMLCommon {
  color: var(--jp-content-font-color1);
  font-family: var(--jp-content-font-family);
  font-size: var(--jp-content-font-size1);
  line-height: var(--jp-content-line-height);

  /* Give a bit more R padding on Markdown text to keep line lengths reasonable */
  padding-right: 20px;
}

.jp-RenderedHTMLCommon em {
  font-style: italic;
}

.jp-RenderedHTMLCommon strong {
  font-weight: bold;
}

.jp-RenderedHTMLCommon u {
  text-decoration: underline;
}

.jp-RenderedHTMLCommon a:link {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

.jp-RenderedHTMLCommon a:hover {
  text-decoration: underline;
  color: var(--jp-content-link-color);
}

.jp-RenderedHTMLCommon a:visited {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

/* Headings */

.jp-RenderedHTMLCommon h1,
.jp-RenderedHTMLCommon h2,
.jp-RenderedHTMLCommon h3,
.jp-RenderedHTMLCommon h4,
.jp-RenderedHTMLCommon h5,
.jp-RenderedHTMLCommon h6 {
  line-height: var(--jp-content-heading-line-height);
  font-weight: var(--jp-content-heading-font-weight);
  font-style: normal;
  margin: var(--jp-content-heading-margin-top) 0
    var(--jp-content-heading-margin-bottom) 0;
}

.jp-RenderedHTMLCommon h1:first-child,
.jp-RenderedHTMLCommon h2:first-child,
.jp-RenderedHTMLCommon h3:first-child,
.jp-RenderedHTMLCommon h4:first-child,
.jp-RenderedHTMLCommon h5:first-child,
.jp-RenderedHTMLCommon h6:first-child {
  margin-top: calc(0.5 * var(--jp-content-heading-margin-top));
}

.jp-RenderedHTMLCommon h1:last-child,
.jp-RenderedHTMLCommon h2:last-child,
.jp-RenderedHTMLCommon h3:last-child,
.jp-RenderedHTMLCommon h4:last-child,
.jp-RenderedHTMLCommon h5:last-child,
.jp-RenderedHTMLCommon h6:last-child {
  margin-bottom: calc(0.5 * var(--jp-content-heading-margin-bottom));
}

.jp-RenderedHTMLCommon h1 {
  font-size: var(--jp-content-font-size5);
}

.jp-RenderedHTMLCommon h2 {
  font-size: var(--jp-content-font-size4);
}

.jp-RenderedHTMLCommon h3 {
  font-size: var(--jp-content-font-size3);
}

.jp-RenderedHTMLCommon h4 {
  font-size: var(--jp-content-font-size2);
}

.jp-RenderedHTMLCommon h5 {
  font-size: var(--jp-content-font-size1);
}

.jp-RenderedHTMLCommon h6 {
  font-size: var(--jp-content-font-size0);
}

/* Lists */

/* stylelint-disable selector-max-type, selector-max-compound-selectors */

.jp-RenderedHTMLCommon ul:not(.list-inline),
.jp-RenderedHTMLCommon ol:not(.list-inline) {
  padding-left: 2em;
}

.jp-RenderedHTMLCommon ul {
  list-style: disc;
}

.jp-RenderedHTMLCommon ul ul {
  list-style: square;
}

.jp-RenderedHTMLCommon ul ul ul {
  list-style: circle;
}

.jp-RenderedHTMLCommon ol {
  list-style: decimal;
}

.jp-RenderedHTMLCommon ol ol {
  list-style: upper-alpha;
}

.jp-RenderedHTMLCommon ol ol ol {
  list-style: lower-alpha;
}

.jp-RenderedHTMLCommon ol ol ol ol {
  list-style: lower-roman;
}

.jp-RenderedHTMLCommon ol ol ol ol ol {
  list-style: decimal;
}

.jp-RenderedHTMLCommon ol,
.jp-RenderedHTMLCommon ul {
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon ul ul,
.jp-RenderedHTMLCommon ul ol,
.jp-RenderedHTMLCommon ol ul,
.jp-RenderedHTMLCommon ol ol {
  margin-bottom: 0;
}

/* stylelint-enable selector-max-type, selector-max-compound-selectors */

.jp-RenderedHTMLCommon hr {
  color: var(--jp-border-color2);
  background-color: var(--jp-border-color1);
  margin-top: 1em;
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon > pre {
  margin: 1.5em 2em;
}

.jp-RenderedHTMLCommon pre,
.jp-RenderedHTMLCommon code {
  border: 0;
  background-color: var(--jp-layout-color0);
  color: var(--jp-content-font-color1);
  font-family: var(--jp-code-font-family);
  font-size: inherit;
  line-height: var(--jp-code-line-height);
  padding: 0;
  white-space: pre-wrap;
}

.jp-RenderedHTMLCommon :not(pre) > code {
  background-color: var(--jp-layout-color2);
  padding: 1px 5px;
}

/* Tables */

.jp-RenderedHTMLCommon table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  table-layout: fixed;
  margin-left: auto;
  margin-bottom: 1em;
  margin-right: auto;
}

.jp-RenderedHTMLCommon thead {
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  vertical-align: bottom;
}

.jp-RenderedHTMLCommon td,
.jp-RenderedHTMLCommon th,
.jp-RenderedHTMLCommon tr {
  vertical-align: middle;
  padding: 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}

.jp-RenderedMarkdown.jp-RenderedHTMLCommon td,
.jp-RenderedMarkdown.jp-RenderedHTMLCommon th {
  max-width: none;
}

:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon td,
:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon th,
:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon tr {
  text-align: right;
}

.jp-RenderedHTMLCommon th {
  font-weight: bold;
}

.jp-RenderedHTMLCommon tbody tr:nth-child(odd) {
  background: var(--jp-layout-color0);
}

.jp-RenderedHTMLCommon tbody tr:nth-child(even) {
  background: var(--jp-rendermime-table-row-background);
}

.jp-RenderedHTMLCommon tbody tr:hover {
  background: var(--jp-rendermime-table-row-hover-background);
}

.jp-RenderedHTMLCommon p {
  text-align: left;
  margin: 0;
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon img {
  -moz-force-broken-image-icon: 1;
}

/* Restrict to direct children as other images could be nested in other content. */
.jp-RenderedHTMLCommon > img {
  display: block;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
}

/* Change color behind transparent images if they need it... */
[data-jp-theme-light='false'] .jp-RenderedImage img.jp-needs-light-background {
  background-color: var(--jp-inverse-layout-color1);
}

[data-jp-theme-light='true'] .jp-RenderedImage img.jp-needs-dark-background {
  background-color: var(--jp-inverse-layout-color1);
}

.jp-RenderedHTMLCommon img,
.jp-RenderedImage img,
.jp-RenderedHTMLCommon svg,
.jp-RenderedSVG svg {
  max-width: 100%;
  height: auto;
}

.jp-RenderedHTMLCommon img.jp-mod-unconfined,
.jp-RenderedImage img.jp-mod-unconfined,
.jp-RenderedHTMLCommon svg.jp-mod-unconfined,
.jp-RenderedSVG svg.jp-mod-unconfined {
  max-width: none;
}

.jp-RenderedHTMLCommon .alert {
  padding: var(--jp-notebook-padding);
  border: var(--jp-border-width) solid transparent;
  border-radius: var(--jp-border-radius);
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon .alert-info {
  color: var(--jp-info-color0);
  background-color: var(--jp-info-color3);
  border-color: var(--jp-info-color2);
}

.jp-RenderedHTMLCommon .alert-info hr {
  border-color: var(--jp-info-color3);
}

.jp-RenderedHTMLCommon .alert-info > p:last-child,
.jp-RenderedHTMLCommon .alert-info > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-warning {
  color: var(--jp-warn-color0);
  background-color: var(--jp-warn-color3);
  border-color: var(--jp-warn-color2);
}

.jp-RenderedHTMLCommon .alert-warning hr {
  border-color: var(--jp-warn-color3);
}

.jp-RenderedHTMLCommon .alert-warning > p:last-child,
.jp-RenderedHTMLCommon .alert-warning > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-success {
  color: var(--jp-success-color0);
  background-color: var(--jp-success-color3);
  border-color: var(--jp-success-color2);
}

.jp-RenderedHTMLCommon .alert-success hr {
  border-color: var(--jp-success-color3);
}

.jp-RenderedHTMLCommon .alert-success > p:last-child,
.jp-RenderedHTMLCommon .alert-success > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-danger {
  color: var(--jp-error-color0);
  background-color: var(--jp-error-color3);
  border-color: var(--jp-error-color2);
}

.jp-RenderedHTMLCommon .alert-danger hr {
  border-color: var(--jp-error-color3);
}

.jp-RenderedHTMLCommon .alert-danger > p:last-child,
.jp-RenderedHTMLCommon .alert-danger > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon blockquote {
  margin: 1em 2em;
  padding: 0 1em;
  border-left: 5px solid var(--jp-border-color2);
}

a.jp-InternalAnchorLink {
  visibility: hidden;
  margin-left: 8px;
  color: var(--md-blue-800);
}

h1:hover .jp-InternalAnchorLink,
h2:hover .jp-InternalAnchorLink,
h3:hover .jp-InternalAnchorLink,
h4:hover .jp-InternalAnchorLink,
h5:hover .jp-InternalAnchorLink,
h6:hover .jp-InternalAnchorLink {
  visibility: visible;
}

.jp-RenderedHTMLCommon kbd {
  background-color: var(--jp-rendermime-table-row-background);
  border: 1px solid var(--jp-border-color0);
  border-bottom-color: var(--jp-border-color2);
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: inline-block;
  font-size: var(--jp-ui-font-size0);
  line-height: 1em;
  padding: 0.2em 0.5em;
}

/* Most direct children of .jp-RenderedHTMLCommon have a margin-bottom of 1.0.
 * At the bottom of cells this is a bit too much as there is also spacing
 * between cells. Going all the way to 0 gets too tight between markdown and
 * code cells.
 */
.jp-RenderedHTMLCommon > *:last-child {
  margin-bottom: 0.5em;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-cursor-backdrop {
  position: fixed;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  will-change: transform;
  z-index: 100;
}

.lm-mod-drag-image {
  will-change: transform;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-lineFormSearch {
  padding: 4px 12px;
  background-color: var(--jp-layout-color2);
  box-shadow: var(--jp-toolbar-box-shadow);
  z-index: 2;
  font-size: var(--jp-ui-font-size1);
}

.jp-lineFormCaption {
  font-size: var(--jp-ui-font-size0);
  line-height: var(--jp-ui-font-size1);
  margin-top: 4px;
  color: var(--jp-ui-font-color0);
}

.jp-baseLineForm {
  border: none;
  border-radius: 0;
  position: absolute;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
}

.jp-lineFormButtonContainer {
  top: 4px;
  right: 8px;
  height: 24px;
  padding: 0 12px;
  width: 12px;
}

.jp-lineFormButtonIcon {
  top: 0;
  right: 0;
  background-color: var(--jp-brand-color1);
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 4px 6px;
}

.jp-lineFormButton {
  top: 0;
  right: 0;
  background-color: transparent;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.jp-lineFormWrapper {
  overflow: hidden;
  padding: 0 8px;
  border: 1px solid var(--jp-border-color0);
  background-color: var(--jp-input-active-background);
  height: 22px;
}

.jp-lineFormWrapperFocusWithin {
  border: var(--jp-border-width) solid var(--md-blue-500);
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-lineFormInput {
  background: transparent;
  width: 200px;
  height: 100%;
  border: none;
  outline: none;
  color: var(--jp-ui-font-color0);
  line-height: 28px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-JSONEditor {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.jp-JSONEditor-host {
  flex: 1 1 auto;
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  border-radius: 0;
  background: var(--jp-layout-color0);
  min-height: 50px;
  padding: 1px;
}

.jp-JSONEditor.jp-mod-error .jp-JSONEditor-host {
  border-color: red;
  outline-color: red;
}

.jp-JSONEditor-header {
  display: flex;
  flex: 1 0 auto;
  padding: 0 0 0 12px;
}

.jp-JSONEditor-header label {
  flex: 0 0 auto;
}

.jp-JSONEditor-commitButton {
  height: 16px;
  width: 16px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.jp-JSONEditor-host.jp-mod-focused {
  background-color: var(--jp-input-active-background);
  border: 1px solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
}

.jp-Editor.jp-mod-dropTarget {
  border: var(--jp-border-width) solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/
.jp-DocumentSearch-input {
  border: none;
  outline: none;
  color: var(--jp-ui-font-color0);
  font-size: var(--jp-ui-font-size1);
  background-color: var(--jp-layout-color0);
  font-family: var(--jp-ui-font-family);
  padding: 2px 1px;
  resize: none;
}

.jp-DocumentSearch-overlay {
  position: absolute;
  background-color: var(--jp-toolbar-background);
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  border-left: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  top: 0;
  right: 0;
  z-index: 7;
  min-width: 405px;
  padding: 2px;
  font-size: var(--jp-ui-font-size1);

  --jp-private-document-search-button-height: 20px;
}

.jp-DocumentSearch-overlay button {
  background-color: var(--jp-toolbar-background);
  outline: 0;
}

.jp-DocumentSearch-overlay button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-overlay button:active {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-overlay-row {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.jp-DocumentSearch-button-content {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-button-content svg {
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-input-wrapper {
  border: var(--jp-border-width) solid var(--jp-border-color0);
  display: flex;
  background-color: var(--jp-layout-color0);
  margin: 2px;
}

.jp-DocumentSearch-input-wrapper:focus-within {
  border-color: var(--jp-cell-editor-active-border-color);
}

.jp-DocumentSearch-toggle-wrapper,
.jp-DocumentSearch-button-wrapper {
  all: initial;
  overflow: hidden;
  display: inline-block;
  border: none;
  box-sizing: border-box;
}

.jp-DocumentSearch-toggle-wrapper {
  width: 14px;
  height: 14px;
}

.jp-DocumentSearch-button-wrapper {
  width: var(--jp-private-document-search-button-height);
  height: var(--jp-private-document-search-button-height);
}

.jp-DocumentSearch-toggle-wrapper:focus,
.jp-DocumentSearch-button-wrapper:focus {
  outline: var(--jp-border-width) solid
    var(--jp-cell-editor-active-border-color);
  outline-offset: -1px;
}

.jp-DocumentSearch-toggle-wrapper,
.jp-DocumentSearch-button-wrapper,
.jp-DocumentSearch-button-content:focus {
  outline: none;
}

.jp-DocumentSearch-toggle-placeholder {
  width: 5px;
}

.jp-DocumentSearch-input-button::before {
  display: block;
  padding-top: 100%;
}

.jp-DocumentSearch-input-button-off {
  opacity: var(--jp-search-toggle-off-opacity);
}

.jp-DocumentSearch-input-button-off:hover {
  opacity: var(--jp-search-toggle-hover-opacity);
}

.jp-DocumentSearch-input-button-on {
  opacity: var(--jp-search-toggle-on-opacity);
}

.jp-DocumentSearch-index-counter {
  padding-left: 10px;
  padding-right: 10px;
  user-select: none;
  min-width: 35px;
  display: inline-block;
}

.jp-DocumentSearch-up-down-wrapper {
  display: inline-block;
  padding-right: 2px;
  margin-left: auto;
  white-space: nowrap;
}

.jp-DocumentSearch-spacer {
  margin-left: auto;
}

.jp-DocumentSearch-up-down-wrapper button {
  outline: 0;
  border: none;
  width: var(--jp-private-document-search-button-height);
  height: var(--jp-private-document-search-button-height);
  vertical-align: middle;
  margin: 1px 5px 2px;
}

.jp-DocumentSearch-up-down-button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-up-down-button:active {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-filter-button {
  border-radius: var(--jp-border-radius);
}

.jp-DocumentSearch-filter-button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-filter-button-enabled {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-filter-button-enabled:hover {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-search-options {
  padding: 0 8px;
  margin-left: 3px;
  width: 100%;
  display: grid;
  justify-content: start;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: stretch;
}

.jp-DocumentSearch-search-filter-disabled {
  color: var(--jp-ui-font-color2);
}

.jp-DocumentSearch-search-filter {
  display: flex;
  align-items: center;
  user-select: none;
}

.jp-DocumentSearch-regex-error {
  color: var(--jp-error-color0);
}

.jp-DocumentSearch-replace-button-wrapper {
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  border: var(--jp-border-width) solid var(--jp-border-color0);
  margin: auto 2px;
  padding: 1px 4px;
  height: calc(var(--jp-private-document-search-button-height) + 2px);
}

.jp-DocumentSearch-replace-button-wrapper:focus {
  border: var(--jp-border-width) solid var(--jp-cell-editor-active-border-color);
}

.jp-DocumentSearch-replace-button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--jp-ui-font-color1);

  /* height - 2 * (padding of wrapper) */
  line-height: calc(var(--jp-private-document-search-button-height) - 2px);
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-replace-button:focus {
  outline: none;
}

.jp-DocumentSearch-replace-wrapper-class {
  margin-left: 14px;
  display: flex;
}

.jp-DocumentSearch-replace-toggle {
  border: none;
  background-color: var(--jp-toolbar-background);
  border-radius: var(--jp-border-radius);
}

.jp-DocumentSearch-replace-toggle:hover {
  background-color: var(--jp-layout-color2);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.cm-editor {
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  font-family: var(--jp-code-font-family);
  border: 0;
  border-radius: 0;
  height: auto;

  /* Changed to auto to autogrow */
}

.cm-editor pre {
  padding: 0 var(--jp-code-padding);
}

.jp-CodeMirrorEditor[data-type='inline'] .cm-dialog {
  background-color: var(--jp-layout-color0);
  color: var(--jp-content-font-color1);
}

.jp-CodeMirrorEditor {
  cursor: text;
}

/* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
@media screen and (min-width: 2138px) and (max-width: 4319px) {
  .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
    border-left: var(--jp-code-cursor-width1) solid
      var(--jp-editor-cursor-color);
  }
}

/* When zoomed out less than 33% */
@media screen and (min-width: 4320px) {
  .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
    border-left: var(--jp-code-cursor-width2) solid
      var(--jp-editor-cursor-color);
  }
}

.cm-editor.jp-mod-readOnly .cm-cursor {
  display: none;
}

.jp-CollaboratorCursor {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: none;
  border-bottom: 3px solid;
  background-clip: content-box;
  margin-left: -5px;
  margin-right: -5px;
}

.cm-searching,
.cm-searching span {
  /* `.cm-searching span`: we need to override syntax highlighting */
  background-color: var(--jp-search-unselected-match-background-color);
  color: var(--jp-search-unselected-match-color);
}

.cm-searching::selection,
.cm-searching span::selection {
  background-color: var(--jp-search-unselected-match-background-color);
  color: var(--jp-search-unselected-match-color);
}

.jp-current-match > .cm-searching,
.jp-current-match > .cm-searching span,
.cm-searching > .jp-current-match,
.cm-searching > .jp-current-match span {
  background-color: var(--jp-search-selected-match-background-color);
  color: var(--jp-search-selected-match-color);
}

.jp-current-match > .cm-searching::selection,
.cm-searching > .jp-current-match::selection,
.jp-current-match > .cm-searching span::selection {
  background-color: var(--jp-search-selected-match-background-color);
  color: var(--jp-search-selected-match-color);
}

.cm-trailingspace {
  background-image: url();
  background-position: center left;
  background-repeat: repeat-x;
}

.jp-CollaboratorCursor-hover {
  position: absolute;
  z-index: 1;
  transform: translateX(-50%);
  color: white;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  font-size: var(--jp-ui-font-size1);
  white-space: nowrap;
}

.jp-CodeMirror-ruler {
  border-left: 1px dashed var(--jp-border-color2);
}

/* Styles for shared cursors (remote cursor locations and selected ranges) */
.jp-CodeMirrorEditor .cm-ySelectionCaret {
  position: relative;
  border-left: 1px solid black;
  margin-left: -1px;
  margin-right: -1px;
  box-sizing: border-box;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret > .cm-ySelectionInfo {
  white-space: nowrap;
  position: absolute;
  top: -1.15em;
  padding-bottom: 0.05em;
  left: -1px;
  font-size: 0.95em;
  font-family: var(--jp-ui-font-family);
  font-weight: bold;
  line-height: normal;
  user-select: none;
  color: white;
  padding-left: 2px;
  padding-right: 2px;
  z-index: 101;
  transition: opacity 0.3s ease-in-out;
}

.jp-CodeMirrorEditor .cm-ySelectionInfo {
  transition-delay: 0.7s;
  opacity: 0;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret:hover > .cm-ySelectionInfo {
  opacity: 1;
  transition-delay: 0s;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-MimeDocument {
  outline: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-filebrowser-button-height: 28px;
  --jp-private-filebrowser-button-width: 48px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-FileBrowser .jp-SidePanel-content {
  display: flex;
  flex-direction: column;
}

.jp-FileBrowser-toolbar.jp-Toolbar {
  flex-wrap: wrap;
  row-gap: 12px;
  border-bottom: none;
  height: auto;
  margin: 8px 12px 0;
  box-shadow: none;
  padding: 0;
  justify-content: flex-start;
}

.jp-FileBrowser-Panel {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.jp-BreadCrumbs {
  flex: 0 0 auto;
  margin: 8px 12px;
}

.jp-BreadCrumbs-item {
  margin: 0 2px;
  padding: 0 2px;
  border-radius: var(--jp-border-radius);
  cursor: pointer;
}

.jp-BreadCrumbs-item:hover {
  background-color: var(--jp-layout-color2);
}

.jp-BreadCrumbs-item:first-child {
  margin-left: 0;
}

.jp-BreadCrumbs-item.jp-mod-dropTarget {
  background-color: var(--jp-brand-color2);
  opacity: 0.7;
}

/*-----------------------------------------------------------------------------
| Buttons
|----------------------------------------------------------------------------*/

.jp-FileBrowser-toolbar > .jp-Toolbar-item {
  flex: 0 0 auto;
  padding-left: 0;
  padding-right: 2px;
  align-items: center;
  height: unset;
}

.jp-FileBrowser-toolbar > .jp-Toolbar-item .jp-ToolbarButtonComponent {
  width: 40px;
}

/*-----------------------------------------------------------------------------
| Other styles
|----------------------------------------------------------------------------*/

.jp-FileDialog.jp-mod-conflict input {
  color: var(--jp-error-color1);
}

.jp-FileDialog .jp-new-name-title {
  margin-top: 12px;
}

.jp-LastModified-hidden {
  display: none;
}

.jp-FileSize-hidden {
  display: none;
}

.jp-FileBrowser .lm-AccordionPanel > h3:first-child {
  display: none;
}

/*-----------------------------------------------------------------------------
| DirListing
|----------------------------------------------------------------------------*/

.jp-DirListing {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  outline: 0;
}

.jp-DirListing-header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  border-top: var(--jp-border-width) solid var(--jp-border-color2);
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  box-shadow: var(--jp-toolbar-box-shadow);
  z-index: 2;
}

.jp-DirListing-headerItem {
  padding: 4px 12px 2px;
  font-weight: 500;
}

.jp-DirListing-headerItem:hover {
  background: var(--jp-layout-color2);
}

.jp-DirListing-headerItem.jp-id-name {
  flex: 1 0 84px;
}

.jp-DirListing-headerItem.jp-id-modified {
  flex: 0 0 112px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
}

.jp-DirListing-headerItem.jp-id-filesize {
  flex: 0 0 75px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
}

.jp-id-narrow {
  display: none;
  flex: 0 0 5px;
  padding: 4px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
  color: var(--jp-border-color2);
}

.jp-DirListing-narrow .jp-id-narrow {
  display: block;
}

.jp-DirListing-narrow .jp-id-modified,
.jp-DirListing-narrow .jp-DirListing-itemModified {
  display: none;
}

.jp-DirListing-headerItem.jp-mod-selected {
  font-weight: 600;
}

/* increase specificity to override bundled default */
.jp-DirListing-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  background-color: var(--jp-layout-color1);
}

.jp-DirListing-content mark {
  color: var(--jp-ui-font-color0);
  background-color: transparent;
  font-weight: bold;
}

.jp-DirListing-content .jp-DirListing-item.jp-mod-selected mark {
  color: var(--jp-ui-inverse-font-color0);
}

/* Style the directory listing content when a user drops a file to upload */
.jp-DirListing.jp-mod-native-drop .jp-DirListing-content {
  outline: 5px dashed rgba(128, 128, 128, 0.5);
  outline-offset: -10px;
  cursor: copy;
}

.jp-DirListing-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-DirListing-checkboxWrapper {
  /* Increases hit area of checkbox. */
  padding: 4px;
}

.jp-DirListing-header
  .jp-DirListing-checkboxWrapper
  + .jp-DirListing-headerItem {
  padding-left: 4px;
}

.jp-DirListing-content .jp-DirListing-checkboxWrapper {
  position: relative;
  left: -4px;
  margin: -4px 0 -4px -8px;
}

.jp-DirListing-checkboxWrapper.jp-mod-visible {
  visibility: visible;
}

/* For devices that support hovering, hide checkboxes until hovered, selected...
*/
@media (hover: hover) {
  .jp-DirListing-checkboxWrapper {
    visibility: hidden;
  }

  .jp-DirListing-item:hover .jp-DirListing-checkboxWrapper,
  .jp-DirListing-item.jp-mod-selected .jp-DirListing-checkboxWrapper {
    visibility: visible;
  }
}

.jp-DirListing-item[data-is-dot] {
  opacity: 75%;
}

.jp-DirListing-item.jp-mod-selected {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.jp-DirListing-item.jp-mod-dropTarget {
  background: var(--jp-brand-color3);
}

.jp-DirListing-item:hover:not(.jp-mod-selected) {
  background: var(--jp-layout-color2);
}

.jp-DirListing-itemIcon {
  flex: 0 0 20px;
  margin-right: 4px;
}

.jp-DirListing-itemText {
  flex: 1 0 64px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

.jp-DirListing-itemText:focus {
  outline-width: 2px;
  outline-color: var(--jp-inverse-layout-color1);
  outline-style: solid;
  outline-offset: 1px;
}

.jp-DirListing-item.jp-mod-selected .jp-DirListing-itemText:focus {
  outline-color: var(--jp-layout-color1);
}

.jp-DirListing-itemModified {
  flex: 0 0 125px;
  text-align: right;
}

.jp-DirListing-itemFileSize {
  flex: 0 0 90px;
  text-align: right;
}

.jp-DirListing-editor {
  flex: 1 0 64px;
  outline: none;
  border: none;
  color: var(--jp-ui-font-color1);
  background-color: var(--jp-layout-color1);
}

.jp-DirListing-item.jp-mod-running .jp-DirListing-itemIcon::before {
  color: var(--jp-success-color1);
  content: '\25CF';
  font-size: 8px;
  position: absolute;
  left: -8px;
}

.jp-DirListing-item.jp-mod-running.jp-mod-selected
  .jp-DirListing-itemIcon::before {
  color: var(--jp-ui-inverse-font-color1);
}

.jp-DirListing-item.lm-mod-drag-image,
.jp-DirListing-item.jp-mod-selected.lm-mod-drag-image {
  font-size: var(--jp-ui-font-size1);
  padding-left: 4px;
  margin-left: 4px;
  width: 160px;
  background-color: var(--jp-ui-inverse-font-color2);
  box-shadow: var(--jp-elevation-z2);
  border-radius: 0;
  color: var(--jp-ui-font-color1);
  transform: translateX(-40%) translateY(-58%);
}

.jp-Document {
  min-width: 120px;
  min-height: 120px;
  outline: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Main OutputArea
| OutputArea has a list of Outputs
|----------------------------------------------------------------------------*/

.jp-OutputArea {
  overflow-y: auto;
}

.jp-OutputArea-child {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.jp-OutputPrompt {
  width: var(--jp-cell-prompt-width);
  color: var(--jp-cell-outprompt-font-color);
  font-family: var(--jp-cell-prompt-font-family);
  padding: var(--jp-code-padding);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;
  opacity: var(--jp-cell-prompt-opacity);

  /* Right align prompt text, don't wrap to handle large prompt numbers */
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Disable text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-OutputArea-prompt {
  display: table-cell;
  vertical-align: top;
}

.jp-OutputArea-output {
  display: table-cell;
  width: 100%;
  height: auto;
  overflow: auto;
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.jp-OutputArea .jp-RenderedText {
  padding-left: 1ch;
}

/**
 * Prompt overlay.
 */

.jp-OutputArea-promptOverlay {
  position: absolute;
  top: 0;
  width: var(--jp-cell-prompt-width);
  height: 100%;
  opacity: 0.5;
}

.jp-OutputArea-promptOverlay:hover {
  background: var(--jp-layout-color2);
  box-shadow: inset 0 0 1px var(--jp-inverse-layout-color0);
  cursor: zoom-out;
}

.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay:hover {
  cursor: zoom-in;
}

/**
 * Isolated output.
 */
.jp-OutputArea-output.jp-mod-isolated {
  width: 100%;
  display: block;
}

/*
When drag events occur, `lm-mod-override-cursor` is added to the body.
Because iframes steal all cursor events, the following two rules are necessary
to suppress pointer events while resize drags are occurring. There may be a
better solution to this problem.
*/
body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated {
  position: relative;
}

body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

/* pre */

.jp-OutputArea-output pre {
  border: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: auto;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* tables */

.jp-OutputArea-output.jp-RenderedHTMLCommon table {
  margin-left: 0;
  margin-right: 0;
}

/* description lists */

.jp-OutputArea-output dl,
.jp-OutputArea-output dt,
.jp-OutputArea-output dd {
  display: block;
}

.jp-OutputArea-output dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.jp-OutputArea-output dt {
  font-weight: bold;
  float: left;
  width: 20%;
  padding: 0;
  margin: 0;
}

.jp-OutputArea-output dd {
  float: left;
  width: 80%;
  padding: 0;
  margin: 0;
}

.jp-TrimmedOutputs pre {
  background: var(--jp-layout-color3);
  font-size: calc(var(--jp-code-font-size) * 1.4);
  text-align: center;
  text-transform: uppercase;
}

/* Hide the gutter in case of
 *  - nested output areas (e.g. in the case of output widgets)
 *  - mirrored output areas
 */
.jp-OutputArea .jp-OutputArea .jp-OutputArea-prompt {
  display: none;
}

/* Hide empty lines in the output area, for instance due to cleared widgets */
.jp-OutputArea-prompt:empty {
  padding: 0;
  border: 0;
}

/*-----------------------------------------------------------------------------
| executeResult is added to any Output-result for the display of the object
| returned by a cell
|----------------------------------------------------------------------------*/

.jp-OutputArea-output.jp-OutputArea-executeResult {
  margin-left: 0;
  width: 100%;
}

/* Text output with the Out[] prompt needs a top padding to match the
 * alignment of the Out[] prompt itself.
 */
.jp-OutputArea-executeResult .jp-RenderedText.jp-OutputArea-output {
  padding-top: var(--jp-code-padding);
  border-top: var(--jp-border-width) solid transparent;
}

/*-----------------------------------------------------------------------------
| The Stdin output
|----------------------------------------------------------------------------*/

.jp-Stdin-prompt {
  color: var(--jp-content-font-color0);
  padding-right: var(--jp-code-padding);
  vertical-align: baseline;
  flex: 0 0 auto;
}

.jp-Stdin-input {
  font-family: var(--jp-code-font-family);
  font-size: inherit;
  color: inherit;
  background-color: inherit;
  width: 42%;
  min-width: 200px;

  /* make sure input baseline aligns with prompt */
  vertical-align: baseline;

  /* padding + margin = 0.5em between prompt and cursor */
  padding: 0 0.25em;
  margin: 0 0.25em;
  flex: 0 0 70%;
}

.jp-Stdin-input::placeholder {
  opacity: 0;
}

.jp-Stdin-input:focus {
  box-shadow: none;
}

.jp-Stdin-input:focus::placeholder {
  opacity: 1;
}

/*-----------------------------------------------------------------------------
| Output Area View
|----------------------------------------------------------------------------*/

.jp-LinkedOutputView .jp-OutputArea {
  height: 100%;
  display: block;
}

.jp-LinkedOutputView .jp-OutputArea-output:only-child {
  height: 100%;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

@media print {
  .jp-OutputArea-child {
    break-inside: avoid-page;
  }
}

/*-----------------------------------------------------------------------------
| Mobile
|----------------------------------------------------------------------------*/
@media only screen and (max-width: 760px) {
  .jp-OutputPrompt {
    display: table-row;
    text-align: left;
  }

  .jp-OutputArea-child .jp-OutputArea-output {
    display: table-row;
    margin-left: var(--jp-notebook-padding);
  }
}

/* Trimmed outputs warning */
.jp-TrimmedOutputs > a {
  margin: 10px;
  text-decoration: none;
  cursor: pointer;
}

.jp-TrimmedOutputs > a:hover {
  text-decoration: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Table of Contents
|----------------------------------------------------------------------------*/

:root {
  --jp-private-toc-active-width: 4px;
}

.jp-TableOfContents {
  display: flex;
  flex-direction: column;
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  height: 100%;
}

.jp-TableOfContents-placeholder {
  text-align: center;
}

.jp-TableOfContents-placeholderContent {
  color: var(--jp-content-font-color2);
  padding: 8px;
}

.jp-TableOfContents-placeholderContent > h3 {
  margin-bottom: var(--jp-content-heading-margin-bottom);
}

.jp-TableOfContents .jp-SidePanel-content {
  overflow-y: auto;
}

.jp-TableOfContents-tree {
  margin: 4px;
}

.jp-TableOfContents ol {
  list-style-type: none;
}

/* stylelint-disable-next-line selector-max-type */
.jp-TableOfContents li > ol {
  /* Align left border with triangle icon center */
  padding-left: 11px;
}

.jp-TableOfContents-content {
  /* left margin for the active heading indicator */
  margin: 0 0 0 var(--jp-private-toc-active-width);
  padding: 0;
  background-color: var(--jp-layout-color1);
}

.jp-tocItem {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-tocItem-heading {
  display: flex;
  cursor: pointer;
}

.jp-tocItem-heading:hover {
  background-color: var(--jp-layout-color2);
}

.jp-tocItem-content {
  display: block;
  padding: 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.jp-tocItem-collapser {
  height: 20px;
  margin: 2px 2px 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.jp-tocItem-collapser:hover {
  background-color: var(--jp-layout-color3);
}

/* Active heading indicator */

.jp-tocItem-heading::before {
  content: ' ';
  background: transparent;
  width: var(--jp-private-toc-active-width);
  height: 24px;
  position: absolute;
  left: 0;
  border-radius: var(--jp-border-radius);
}

.jp-tocItem-heading.jp-tocItem-active::before {
  background-color: var(--jp-brand-color1);
}

.jp-tocItem-heading:hover.jp-tocItem-active::before {
  background: var(--jp-brand-color0);
  opacity: 1;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Collapser {
  flex: 0 0 var(--jp-cell-collapser-width);
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  border-radius: var(--jp-border-radius);
  opacity: 1;
}

.jp-Collapser-child {
  display: block;
  width: 100%;
  box-sizing: border-box;

  /* height: 100% doesn't work because the height of its parent is computed from content */
  position: absolute;
  top: 0;
  bottom: 0;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

/*
Hiding collapsers in print mode.

Note: input and output wrappers have "display: block" propery in print mode.
*/

@media print {
  .jp-Collapser {
    display: none;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Header/Footer
|----------------------------------------------------------------------------*/

/* Hidden by zero height by default */
.jp-CellHeader,
.jp-CellFooter {
  height: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Input
|----------------------------------------------------------------------------*/

/* All input areas */
.jp-InputArea {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.jp-InputArea-editor {
  display: table-cell;
  overflow: hidden;
  vertical-align: top;

  /* This is the non-active, default styling */
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  border-radius: 0;
  background: var(--jp-cell-editor-background);
}

.jp-InputPrompt {
  display: table-cell;
  vertical-align: top;
  width: var(--jp-cell-prompt-width);
  color: var(--jp-cell-inprompt-font-color);
  font-family: var(--jp-cell-prompt-font-family);
  padding: var(--jp-code-padding);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  opacity: var(--jp-cell-prompt-opacity);
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;

  /* Right align prompt text, don't wrap to handle large prompt numbers */
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Disable text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*-----------------------------------------------------------------------------
| Mobile
|----------------------------------------------------------------------------*/
@media only screen and (max-width: 760px) {
  .jp-InputArea-editor {
    display: table-row;
    margin-left: var(--jp-notebook-padding);
  }

  .jp-InputPrompt {
    display: table-row;
    text-align: left;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Placeholder
|----------------------------------------------------------------------------*/

.jp-Placeholder {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.jp-Placeholder-prompt {
  display: table-cell;
  box-sizing: border-box;
}

.jp-Placeholder-content {
  display: table-cell;
  padding: 4px 6px;
  border: 1px solid transparent;
  border-radius: 0;
  background: none;
  box-sizing: border-box;
  cursor: pointer;
}

.jp-Placeholder-contentContainer {
  display: flex;
}

.jp-Placeholder-content:hover,
.jp-InputPlaceholder > .jp-Placeholder-content:hover {
  border-color: var(--jp-layout-color3);
}

.jp-Placeholder-content .jp-MoreHorizIcon {
  width: 32px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: var(--jp-border-radius);
}

.jp-Placeholder-content .jp-MoreHorizIcon:hover {
  border: 1px solid var(--jp-border-color1);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--jp-layout-color0);
}

.jp-PlaceholderText {
  white-space: nowrap;
  overflow-x: hidden;
  color: var(--jp-inverse-layout-color3);
  font-family: var(--jp-code-font-family);
}

.jp-InputPlaceholder > .jp-Placeholder-content {
  border-color: var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Private CSS variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-cell-scrolling-output-offset: 5px;
}

/*-----------------------------------------------------------------------------
| Cell
|----------------------------------------------------------------------------*/

.jp-Cell {
  padding: var(--jp-cell-padding);
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Common input/output
|----------------------------------------------------------------------------*/

.jp-Cell-inputWrapper,
.jp-Cell-outputWrapper {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;

  /* Added to reveal the box-shadow on the input and output collapsers. */
  overflow: visible;
}

/* Only input/output areas inside cells */
.jp-Cell-inputArea,
.jp-Cell-outputArea {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Collapser
|----------------------------------------------------------------------------*/

/* Make the output collapser disappear when there is not output, but do so
 * in a manner that leaves it in the layout and preserves its width.
 */
.jp-Cell.jp-mod-noOutputs .jp-Cell-outputCollapser {
  border: none !important;
  background: transparent !important;
}

.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputCollapser {
  min-height: var(--jp-cell-collapser-min-height);
}

/*-----------------------------------------------------------------------------
| Output
|----------------------------------------------------------------------------*/

/* Put a space between input and output when there IS output */
.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputWrapper {
  margin-top: 5px;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea {
  overflow-y: auto;
  max-height: 24em;
  margin-left: var(--jp-private-cell-scrolling-output-offset);
  resize: vertical;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea[style*='height'] {
  max-height: unset;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea::after {
  content: ' ';
  box-shadow: inset 0 0 6px 2px rgb(0 0 0 / 30%);
  width: 100%;
  height: 100%;
  position: sticky;
  bottom: 0;
  top: 0;
  margin-top: -50%;
  float: left;
  display: block;
  pointer-events: none;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-child {
  padding-top: 6px;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
  width: calc(
    var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
  );
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay {
  left: calc(-1 * var(--jp-private-cell-scrolling-output-offset));
}

/*-----------------------------------------------------------------------------
| CodeCell
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| MarkdownCell
|----------------------------------------------------------------------------*/

.jp-MarkdownOutput {
  display: table-cell;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: var(--jp-code-padding);
}

.jp-MarkdownOutput.jp-RenderedHTMLCommon {
  overflow: auto;
}

/* collapseHeadingButton (show always if hiddenCellsButton is _not_ shown) */
.jp-collapseHeadingButton {
  display: flex;
  min-height: var(--jp-cell-collapser-min-height);
  font-size: var(--jp-code-font-size);
  position: absolute;
  background-color: transparent;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-image: var(--jp-icon-caret-down);
  right: 0;
  top: 0;
  bottom: 0;
}

.jp-collapseHeadingButton.jp-mod-collapsed {
  background-image: var(--jp-icon-caret-right);
}

/*
 set the container font size to match that of content
 so that the nested collapse buttons have the right size
*/
.jp-MarkdownCell .jp-InputPrompt {
  font-size: var(--jp-content-font-size1);
}

/*
  Align collapseHeadingButton with cell top header
  The font sizes are identical to the ones in packages/rendermime/style/base.css
*/
.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='1'] {
  font-size: var(--jp-content-font-size5);
  background-position-y: calc(0.3 * var(--jp-content-font-size5));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='2'] {
  font-size: var(--jp-content-font-size4);
  background-position-y: calc(0.3 * var(--jp-content-font-size4));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='3'] {
  font-size: var(--jp-content-font-size3);
  background-position-y: calc(0.3 * var(--jp-content-font-size3));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='4'] {
  font-size: var(--jp-content-font-size2);
  background-position-y: calc(0.3 * var(--jp-content-font-size2));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='5'] {
  font-size: var(--jp-content-font-size1);
  background-position-y: top;
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='6'] {
  font-size: var(--jp-content-font-size0);
  background-position-y: top;
}

/* collapseHeadingButton (show only on (hover,active) if hiddenCellsButton is shown) */
.jp-Notebook.jp-mod-showHiddenCellsButton .jp-collapseHeadingButton {
  display: none;
}

.jp-Notebook.jp-mod-showHiddenCellsButton
  :is(.jp-MarkdownCell:hover, .jp-mod-active)
  .jp-collapseHeadingButton {
  display: flex;
}

/* showHiddenCellsButton (only show if jp-mod-showHiddenCellsButton is set, which
is a consequence of the showHiddenCellsButton option in Notebook Settings)*/
.jp-Notebook.jp-mod-showHiddenCellsButton .jp-showHiddenCellsButton {
  margin-left: calc(var(--jp-cell-prompt-width) + 2 * var(--jp-code-padding));
  margin-top: var(--jp-code-padding);
  border: 1px solid var(--jp-border-color2);
  background-color: var(--jp-border-color3) !important;
  color: var(--jp-content-font-color0) !important;
  display: flex;
}

.jp-Notebook.jp-mod-showHiddenCellsButton .jp-showHiddenCellsButton:hover {
  background-color: var(--jp-border-color2) !important;
}

.jp-showHiddenCellsButton {
  display: none;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

/*
Using block instead of flex to allow the use of the break-inside CSS property for
cell outputs.
*/

@media print {
  .jp-Cell-inputWrapper,
  .jp-Cell-outputWrapper {
    display: block;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-notebook-toolbar-padding: 2px 5px 2px 2px;
}

/*-----------------------------------------------------------------------------

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-NotebookPanel-toolbar {
  padding: var(--jp-notebook-toolbar-padding);

  /* disable paint containment from lumino 2.0 default strict CSS containment */
  contain: style size !important;
}

.jp-Toolbar-item.jp-Notebook-toolbarCellType .jp-select-wrapper.jp-mod-focused {
  border: none;
  box-shadow: none;
}

.jp-Notebook-toolbarCellTypeDropdown select {
  height: 24px;
  font-size: var(--jp-ui-font-size1);
  line-height: 14px;
  border-radius: 0;
  display: block;
}

.jp-Notebook-toolbarCellTypeDropdown span {
  top: 5px !important;
}

.jp-Toolbar-responsive-popup {
  position: absolute;
  height: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  background: var(--jp-toolbar-background);
  min-height: var(--jp-toolbar-micro-height);
  padding: var(--jp-notebook-toolbar-padding);
  z-index: 1;
  right: 0;
  top: 0;
}

.jp-Toolbar > .jp-Toolbar-responsive-opener {
  margin-left: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-Notebook-ExecutionIndicator {
  position: relative;
  display: inline-block;
  height: 100%;
  z-index: 9997;
}

.jp-Notebook-ExecutionIndicator-tooltip {
  visibility: hidden;
  height: auto;
  width: max-content;
  width: -moz-max-content;
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color1);
  text-align: justify;
  border-radius: 6px;
  padding: 0 5px;
  position: fixed;
  display: table;
}

.jp-Notebook-ExecutionIndicator-tooltip.up {
  transform: translateX(-50%) translateY(-100%) translateY(-32px);
}

.jp-Notebook-ExecutionIndicator-tooltip.down {
  transform: translateX(calc(-100% + 16px)) translateY(5px);
}

.jp-Notebook-ExecutionIndicator-tooltip.hidden {
  display: none;
}

.jp-Notebook-ExecutionIndicator:hover .jp-Notebook-ExecutionIndicator-tooltip {
  visibility: visible;
}

.jp-Notebook-ExecutionIndicator span {
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  color: var(--jp-ui-font-color1);
  line-height: 24px;
  display: block;
}

.jp-Notebook-ExecutionIndicator-progress-bar {
  display: flex;
  justify-content: center;
  height: 100%;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*
 * Execution indicator
 */
.jp-tocItem-content::after {
  content: '';

  /* Must be identical to form a circle */
  width: 12px;
  height: 12px;
  background: none;
  border: none;
  position: absolute;
  right: 0;
}

.jp-tocItem-content[data-running='0']::after {
  border-radius: 50%;
  border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
  background: none;
}

.jp-tocItem-content[data-running='1']::after {
  border-radius: 50%;
  border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
  background-color: var(--jp-inverse-layout-color3);
}

.jp-tocItem-content[data-running='0'],
.jp-tocItem-content[data-running='1'] {
  margin-right: 12px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-Notebook-footer {
  height: 27px;
  margin-left: calc(
    var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
      var(--jp-cell-padding)
  );
  width: calc(
    100% -
      (
        var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
          var(--jp-cell-padding) + var(--jp-cell-padding)
      )
  );
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  color: var(--jp-ui-font-color3);
  margin-top: 6px;
  background: none;
  cursor: pointer;
}

.jp-Notebook-footer:focus {
  border-color: var(--jp-cell-editor-active-border-color);
}

/* For devices that support hovering, hide footer until hover */
@media (hover: hover) {
  .jp-Notebook-footer {
    opacity: 0;
  }

  .jp-Notebook-footer:focus,
  .jp-Notebook-footer:hover {
    opacity: 1;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Imports
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| CSS variables
|----------------------------------------------------------------------------*/

:root {
  --jp-side-by-side-output-size: 1fr;
  --jp-side-by-side-resized-cell: var(--jp-side-by-side-output-size);
  --jp-private-notebook-dragImage-width: 304px;
  --jp-private-notebook-dragImage-height: 36px;
  --jp-private-notebook-selected-color: var(--md-blue-400);
  --jp-private-notebook-active-color: var(--md-green-400);
}

/*-----------------------------------------------------------------------------
| Notebook
|----------------------------------------------------------------------------*/

/* stylelint-disable selector-max-class */

.jp-NotebookPanel {
  display: block;
  height: 100%;
}

.jp-NotebookPanel.jp-Document {
  min-width: 240px;
  min-height: 120px;
}

.jp-Notebook {
  padding: var(--jp-notebook-padding);
  outline: none;
  overflow: auto;
  background: var(--jp-layout-color0);
}

.jp-Notebook.jp-mod-scrollPastEnd::after {
  display: block;
  content: '';
  min-height: var(--jp-notebook-scroll-padding);
}

.jp-MainAreaWidget-ContainStrict .jp-Notebook * {
  contain: strict;
}

.jp-Notebook .jp-Cell {
  overflow: visible;
}

.jp-Notebook .jp-Cell .jp-InputPrompt {
  cursor: move;
}

/*-----------------------------------------------------------------------------
| Notebook state related styling
|
| The notebook and cells each have states, here are the possibilities:
|
| - Notebook
|   - Command
|   - Edit
| - Cell
|   - None
|   - Active (only one can be active)
|   - Selected (the cells actions are applied to)
|   - Multiselected (when multiple selected, the cursor)
|   - No outputs
|----------------------------------------------------------------------------*/

/* Command or edit modes */

.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-InputPrompt {
  opacity: var(--jp-cell-prompt-not-active-opacity);
  color: var(--jp-cell-prompt-not-active-font-color);
}

.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-OutputPrompt {
  opacity: var(--jp-cell-prompt-not-active-opacity);
  color: var(--jp-cell-prompt-not-active-font-color);
}

/* cell is active */
.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser {
  background: var(--jp-brand-color1);
}

/* cell is dirty */
.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt {
  color: var(--jp-warn-color1);
}

.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt::before {
  color: var(--jp-warn-color1);
  content: '•';
}

.jp-Notebook .jp-Cell.jp-mod-active.jp-mod-dirty .jp-Collapser {
  background: var(--jp-warn-color1);
}

/* collapser is hovered */
.jp-Notebook .jp-Cell .jp-Collapser:hover {
  box-shadow: var(--jp-elevation-z2);
  background: var(--jp-brand-color1);
  opacity: var(--jp-cell-collapser-not-active-hover-opacity);
}

/* cell is active and collapser is hovered */
.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser:hover {
  background: var(--jp-brand-color0);
  opacity: 1;
}

/* Command mode */

.jp-Notebook.jp-mod-commandMode .jp-Cell.jp-mod-selected {
  background: var(--jp-notebook-multiselected-color);
}

.jp-Notebook.jp-mod-commandMode
  .jp-Cell.jp-mod-active.jp-mod-selected:not(.jp-mod-multiSelected) {
  background: transparent;
}

/* Edit mode */

.jp-Notebook.jp-mod-editMode .jp-Cell.jp-mod-active .jp-InputArea-editor {
  border: var(--jp-border-width) solid var(--jp-cell-editor-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
  background-color: var(--jp-cell-editor-active-background);
}

/*-----------------------------------------------------------------------------
| Notebook drag and drop
|----------------------------------------------------------------------------*/

.jp-Notebook-cell.jp-mod-dropSource {
  opacity: 0.5;
}

.jp-Notebook-cell.jp-mod-dropTarget,
.jp-Notebook.jp-mod-commandMode
  .jp-Notebook-cell.jp-mod-active.jp-mod-selected.jp-mod-dropTarget {
  border-top-color: var(--jp-private-notebook-selected-color);
  border-top-style: solid;
  border-top-width: 2px;
}

.jp-dragImage {
  display: block;
  flex-direction: row;
  width: var(--jp-private-notebook-dragImage-width);
  height: var(--jp-private-notebook-dragImage-height);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background);
  overflow: visible;
}

.jp-dragImage-singlePrompt {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.jp-dragImage .jp-dragImage-content {
  flex: 1 1 auto;
  z-index: 2;
  font-size: var(--jp-code-font-size);
  font-family: var(--jp-code-font-family);
  line-height: var(--jp-code-line-height);
  padding: var(--jp-code-padding);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background-color);
  color: var(--jp-content-font-color3);
  text-align: left;
  margin: 4px 4px 4px 0;
}

.jp-dragImage .jp-dragImage-prompt {
  flex: 0 0 auto;
  min-width: 36px;
  color: var(--jp-cell-inprompt-font-color);
  padding: var(--jp-code-padding);
  padding-left: 12px;
  font-family: var(--jp-cell-prompt-font-family);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  line-height: 1.9;
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;
}

.jp-dragImage-multipleBack {
  z-index: -1;
  position: absolute;
  height: 32px;
  width: 300px;
  top: 8px;
  left: 8px;
  background: var(--jp-layout-color2);
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

/*-----------------------------------------------------------------------------
| Cell toolbar
|----------------------------------------------------------------------------*/

.jp-NotebookTools {
  display: block;
  min-width: var(--jp-sidebar-min-width);
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);

  /* This is needed so that all font sizing of children done in ems is
    * relative to this base size */
  font-size: var(--jp-ui-font-size1);
  overflow: auto;
}

.jp-ActiveCellTool {
  padding: 12px 0;
  display: flex;
}

.jp-ActiveCellTool-Content {
  flex: 1 1 auto;
}

.jp-ActiveCellTool .jp-ActiveCellTool-CellContent {
  background: var(--jp-cell-editor-background);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  border-radius: 0;
  min-height: 29px;
}

.jp-ActiveCellTool .jp-InputPrompt {
  min-width: calc(var(--jp-cell-prompt-width) * 0.75);
}

.jp-ActiveCellTool-CellContent > pre {
  padding: 5px 4px;
  margin: 0;
  white-space: normal;
}

.jp-MetadataEditorTool {
  flex-direction: column;
  padding: 12px 0;
}

.jp-RankedPanel > :not(:first-child) {
  margin-top: 12px;
}

.jp-KeySelector select.jp-mod-styled {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  border: var(--jp-border-width) solid var(--jp-border-color1);
}

.jp-KeySelector label,
.jp-MetadataEditorTool label,
.jp-NumberSetter label {
  line-height: 1.4;
}

.jp-NotebookTools .jp-select-wrapper {
  margin-top: 4px;
  margin-bottom: 0;
}

.jp-NumberSetter input {
  width: 100%;
  margin-top: 4px;
}

.jp-NotebookTools .jp-Collapse {
  margin-top: 16px;
}

/*-----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
|----------------------------------------------------------------------------*/

.jp-mod-presentationMode .jp-Notebook {
  --jp-content-font-size1: var(--jp-content-presentation-font-size1);
  --jp-code-font-size: var(--jp-code-presentation-font-size);
}

.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-InputPrompt,
.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-OutputPrompt {
  flex: 0 0 110px;
}

/*-----------------------------------------------------------------------------
| Side-by-side Mode (.jp-mod-sideBySide)
|----------------------------------------------------------------------------*/
.jp-mod-sideBySide.jp-Notebook .jp-Notebook-cell {
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 5%;
  margin-right: 5%;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min-content minmax(
      0,
      var(--jp-side-by-side-output-size)
    );
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-areas:
    'header header header'
    'input handle output'
    'footer footer footer';
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell.jp-mod-resizedCell {
  grid-template-columns: minmax(0, 1fr) min-content minmax(
      0,
      var(--jp-side-by-side-resized-cell)
    );
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellHeader {
  grid-area: header;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-Cell-inputWrapper {
  grid-area: input;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-Cell-outputWrapper {
  /* overwrite the default margin (no vertical separation needed in side by side move */
  margin-top: 0;
  grid-area: output;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellFooter {
  grid-area: footer;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellResizeHandle {
  grid-area: handle;
  user-select: none;
  display: block;
  height: 100%;
  cursor: ew-resize;
  padding: 0 var(--jp-cell-padding);
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellResizeHandle::after {
  content: '';
  display: block;
  background: var(--jp-border-color2);
  height: 100%;
  width: 5px;
}

.jp-mod-sideBySide.jp-Notebook
  .jp-CodeCell.jp-mod-resizedCell
  .jp-CellResizeHandle::after {
  background: var(--jp-border-color0);
}

.jp-CellResizeHandle {
  display: none;
}

/*-----------------------------------------------------------------------------
| Placeholder
|----------------------------------------------------------------------------*/

.jp-Cell-Placeholder {
  padding-left: 55px;
}

.jp-Cell-Placeholder-wrapper {
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 10px 15px;
}

.jp-Cell-Placeholder-wrapper-inner {
  padding: 15px;
  position: relative;
}

.jp-Cell-Placeholder-wrapper-body {
  background-repeat: repeat;
  background-size: 50% auto;
}

.jp-Cell-Placeholder-wrapper-body div {
  background: #f6f7f8;
  background-image: -webkit-linear-gradient(
    left,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  height: 104px;
  position: absolute;
  right: 15px;
  left: 15px;
  top: 15px;
}

div.jp-Cell-Placeholder-h1 {
  top: 20px;
  height: 20px;
  left: 15px;
  width: 150px;
}

div.jp-Cell-Placeholder-h2 {
  left: 15px;
  top: 50px;
  height: 10px;
  width: 100px;
}

div.jp-Cell-Placeholder-content-1,
div.jp-Cell-Placeholder-content-2,
div.jp-Cell-Placeholder-content-3 {
  left: 15px;
  right: 15px;
  height: 10px;
}

div.jp-Cell-Placeholder-content-1 {
  top: 100px;
}

div.jp-Cell-Placeholder-content-2 {
  top: 120px;
}

div.jp-Cell-Placeholder-content-3 {
  top: 140px;
}

</style>
<style type="text/css">
/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*
The following CSS variables define the main, public API for styling JupyterLab.
These variables should be used by all plugins wherever possible. In other
words, plugins should not define custom colors, sizes, etc unless absolutely
necessary. This enables users to change the visual theme of JupyterLab
by changing these variables.

Many variables appear in an ordered sequence (0,1,2,3). These sequences
are designed to work well together, so for example, `--jp-border-color1` should
be used with `--jp-layout-color1`. The numbers have the following meanings:

* 0: super-primary, reserved for special emphasis
* 1: primary, most important under normal situations
* 2: secondary, next most important under normal situations
* 3: tertiary, next most important under normal situations

Throughout JupyterLab, we are mostly following principles from Google's
Material Design when selecting colors. We are not, however, following
all of MD as it is not optimized for dense, information rich UIs.
*/

:root {
  /* Elevation
   *
   * We style box-shadows using Material Design's idea of elevation. These particular numbers are taken from here:
   *
   * https://github.com/material-components/material-components-web
   * https://material-components-web.appspot.com/elevation.html
   */

  --jp-shadow-base-lightness: 0;
  --jp-shadow-umbra-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.2
  );
  --jp-shadow-penumbra-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.14
  );
  --jp-shadow-ambient-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.12
  );
  --jp-elevation-z0: none;
  --jp-elevation-z1: 0 2px 1px -1px var(--jp-shadow-umbra-color),
    0 1px 1px 0 var(--jp-shadow-penumbra-color),
    0 1px 3px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z2: 0 3px 1px -2px var(--jp-shadow-umbra-color),
    0 2px 2px 0 var(--jp-shadow-penumbra-color),
    0 1px 5px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z4: 0 2px 4px -1px var(--jp-shadow-umbra-color),
    0 4px 5px 0 var(--jp-shadow-penumbra-color),
    0 1px 10px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z6: 0 3px 5px -1px var(--jp-shadow-umbra-color),
    0 6px 10px 0 var(--jp-shadow-penumbra-color),
    0 1px 18px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z8: 0 5px 5px -3px var(--jp-shadow-umbra-color),
    0 8px 10px 1px var(--jp-shadow-penumbra-color),
    0 3px 14px 2px var(--jp-shadow-ambient-color);
  --jp-elevation-z12: 0 7px 8px -4px var(--jp-shadow-umbra-color),
    0 12px 17px 2px var(--jp-shadow-penumbra-color),
    0 5px 22px 4px var(--jp-shadow-ambient-color);
  --jp-elevation-z16: 0 8px 10px -5px var(--jp-shadow-umbra-color),
    0 16px 24px 2px var(--jp-shadow-penumbra-color),
    0 6px 30px 5px var(--jp-shadow-ambient-color);
  --jp-elevation-z20: 0 10px 13px -6px var(--jp-shadow-umbra-color),
    0 20px 31px 3px var(--jp-shadow-penumbra-color),
    0 8px 38px 7px var(--jp-shadow-ambient-color);
  --jp-elevation-z24: 0 11px 15px -7px var(--jp-shadow-umbra-color),
    0 24px 38px 3px var(--jp-shadow-penumbra-color),
    0 9px 46px 8px var(--jp-shadow-ambient-color);

  /* Borders
   *
   * The following variables, specify the visual styling of borders in JupyterLab.
   */

  --jp-border-width: 1px;
  --jp-border-color0: var(--md-grey-400);
  --jp-border-color1: var(--md-grey-400);
  --jp-border-color2: var(--md-grey-300);
  --jp-border-color3: var(--md-grey-200);
  --jp-inverse-border-color: var(--md-grey-600);
  --jp-border-radius: 2px;

  /* UI Fonts
   *
   * The UI font CSS variables are used for the typography all of the JupyterLab
   * user interface elements that are not directly user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-ui-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */

  --jp-ui-font-scale-factor: 1.2;
  --jp-ui-font-size0: 0.83333em;
  --jp-ui-font-size1: 13px; /* Base font size */
  --jp-ui-font-size2: 1.2em;
  --jp-ui-font-size3: 1.44em;
  --jp-ui-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
    helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

  /*
   * Use these font colors against the corresponding main layout colors.
   * In a light theme, these go from dark to light.
   */

  /* Defaults use Material Design specification */
  --jp-ui-font-color0: rgba(0, 0, 0, 1);
  --jp-ui-font-color1: rgba(0, 0, 0, 0.87);
  --jp-ui-font-color2: rgba(0, 0, 0, 0.54);
  --jp-ui-font-color3: rgba(0, 0, 0, 0.38);

  /*
   * Use these against the brand/accent/warn/error colors.
   * These will typically go from light to darker, in both a dark and light theme.
   */

  --jp-ui-inverse-font-color0: rgba(255, 255, 255, 1);
  --jp-ui-inverse-font-color1: rgba(255, 255, 255, 1);
  --jp-ui-inverse-font-color2: rgba(255, 255, 255, 0.7);
  --jp-ui-inverse-font-color3: rgba(255, 255, 255, 0.5);

  /* Content Fonts
   *
   * Content font variables are used for typography of user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-content-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */

  --jp-content-line-height: 1.6;
  --jp-content-font-scale-factor: 1.2;
  --jp-content-font-size0: 0.83333em;
  --jp-content-font-size1: 14px; /* Base font size */
  --jp-content-font-size2: 1.2em;
  --jp-content-font-size3: 1.44em;
  --jp-content-font-size4: 1.728em;
  --jp-content-font-size5: 2.0736em;

  /* This gives a magnification of about 125% in presentation mode over normal. */
  --jp-content-presentation-font-size1: 17px;
  --jp-content-heading-line-height: 1;
  --jp-content-heading-margin-top: 1.2em;
  --jp-content-heading-margin-bottom: 0.8em;
  --jp-content-heading-font-weight: 500;

  /* Defaults use Material Design specification */
  --jp-content-font-color0: rgba(0, 0, 0, 1);
  --jp-content-font-color1: rgba(0, 0, 0, 0.87);
  --jp-content-font-color2: rgba(0, 0, 0, 0.54);
  --jp-content-font-color3: rgba(0, 0, 0, 0.38);
  --jp-content-link-color: var(--md-blue-900);
  --jp-content-font-family: system-ui, -apple-system, blinkmacsystemfont,
    'Segoe UI', helvetica, arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';

  /*
   * Code Fonts
   *
   * Code font variables are used for typography of code and other monospaces content.
   */

  --jp-code-font-size: 13px;
  --jp-code-line-height: 1.3077; /* 17px for 13px base */
  --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
  --jp-code-font-family-default: menlo, consolas, 'DejaVu Sans Mono', monospace;
  --jp-code-font-family: var(--jp-code-font-family-default);

  /* This gives a magnification of about 125% in presentation mode over normal. */
  --jp-code-presentation-font-size: 16px;

  /* may need to tweak cursor width if you change font size */
  --jp-code-cursor-width0: 1.4px;
  --jp-code-cursor-width1: 2px;
  --jp-code-cursor-width2: 4px;

  /* Layout
   *
   * The following are the main layout colors use in JupyterLab. In a light
   * theme these would go from light to dark.
   */

  --jp-layout-color0: white;
  --jp-layout-color1: white;
  --jp-layout-color2: var(--md-grey-200);
  --jp-layout-color3: var(--md-grey-400);
  --jp-layout-color4: var(--md-grey-600);

  /* Inverse Layout
   *
   * The following are the inverse layout colors use in JupyterLab. In a light
   * theme these would go from dark to light.
   */

  --jp-inverse-layout-color0: #111;
  --jp-inverse-layout-color1: var(--md-grey-900);
  --jp-inverse-layout-color2: var(--md-grey-800);
  --jp-inverse-layout-color3: var(--md-grey-700);
  --jp-inverse-layout-color4: var(--md-grey-600);

  /* Brand/accent */

  --jp-brand-color0: var(--md-blue-900);
  --jp-brand-color1: var(--md-blue-700);
  --jp-brand-color2: var(--md-blue-300);
  --jp-brand-color3: var(--md-blue-100);
  --jp-brand-color4: var(--md-blue-50);
  --jp-accent-color0: var(--md-green-900);
  --jp-accent-color1: var(--md-green-700);
  --jp-accent-color2: var(--md-green-300);
  --jp-accent-color3: var(--md-green-100);

  /* State colors (warn, error, success, info) */

  --jp-warn-color0: var(--md-orange-900);
  --jp-warn-color1: var(--md-orange-700);
  --jp-warn-color2: var(--md-orange-300);
  --jp-warn-color3: var(--md-orange-100);
  --jp-error-color0: var(--md-red-900);
  --jp-error-color1: var(--md-red-700);
  --jp-error-color2: var(--md-red-300);
  --jp-error-color3: var(--md-red-100);
  --jp-success-color0: var(--md-green-900);
  --jp-success-color1: var(--md-green-700);
  --jp-success-color2: var(--md-green-300);
  --jp-success-color3: var(--md-green-100);
  --jp-info-color0: var(--md-cyan-900);
  --jp-info-color1: var(--md-cyan-700);
  --jp-info-color2: var(--md-cyan-300);
  --jp-info-color3: var(--md-cyan-100);

  /* Cell specific styles */

  --jp-cell-padding: 5px;
  --jp-cell-collapser-width: 8px;
  --jp-cell-collapser-min-height: 20px;
  --jp-cell-collapser-not-active-hover-opacity: 0.6;
  --jp-cell-editor-background: var(--md-grey-100);
  --jp-cell-editor-border-color: var(--md-grey-300);
  --jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
  --jp-cell-editor-active-background: var(--jp-layout-color0);
  --jp-cell-editor-active-border-color: var(--jp-brand-color1);
  --jp-cell-prompt-width: 64px;
  --jp-cell-prompt-font-family: var(--jp-code-font-family-default);
  --jp-cell-prompt-letter-spacing: 0;
  --jp-cell-prompt-opacity: 1;
  --jp-cell-prompt-not-active-opacity: 0.5;
  --jp-cell-prompt-not-active-font-color: var(--md-grey-700);

  /* A custom blend of MD grey and blue 600
   * See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
  --jp-cell-inprompt-font-color: #307fc1;

  /* A custom blend of MD grey and orange 600
   * https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
  --jp-cell-outprompt-font-color: #bf5b3d;

  /* Notebook specific styles */

  --jp-notebook-padding: 10px;
  --jp-notebook-select-background: var(--jp-layout-color1);
  --jp-notebook-multiselected-color: var(--md-blue-50);

  /* The scroll padding is calculated to fill enough space at the bottom of the
  notebook to show one single-line cell (with appropriate padding) at the top
  when the notebook is scrolled all the way to the bottom. We also subtract one
  pixel so that no scrollbar appears if we have just one single-line cell in the
  notebook. This padding is to enable a 'scroll past end' feature in a notebook.
  */
  --jp-notebook-scroll-padding: calc(
    100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
      var(--jp-code-padding) - var(--jp-cell-padding) - 1px
  );

  /* Rendermime styles */

  --jp-rendermime-error-background: #fdd;
  --jp-rendermime-table-row-background: var(--md-grey-100);
  --jp-rendermime-table-row-hover-background: var(--md-light-blue-50);

  /* Dialog specific styles */

  --jp-dialog-background: rgba(0, 0, 0, 0.25);

  /* Console specific styles */

  --jp-console-padding: 10px;

  /* Toolbar specific styles */

  --jp-toolbar-border-color: var(--jp-border-color1);
  --jp-toolbar-micro-height: 8px;
  --jp-toolbar-background: var(--jp-layout-color1);
  --jp-toolbar-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
  --jp-toolbar-header-margin: 4px 4px 0 4px;
  --jp-toolbar-active-background: var(--md-grey-300);

  /* Statusbar specific styles */

  --jp-statusbar-height: 24px;

  /* Input field styles */

  --jp-input-box-shadow: inset 0 0 2px var(--md-blue-300);
  --jp-input-active-background: var(--jp-layout-color1);
  --jp-input-hover-background: var(--jp-layout-color1);
  --jp-input-background: var(--md-grey-100);
  --jp-input-border-color: var(--jp-inverse-border-color);
  --jp-input-active-border-color: var(--jp-brand-color1);
  --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);

  /* General editor styles */

  --jp-editor-selected-background: #d9d9d9;
  --jp-editor-selected-focused-background: #d7d4f0;
  --jp-editor-cursor-color: var(--jp-ui-font-color0);

  /* Code mirror specific styles */

  --jp-mirror-editor-keyword-color: #008000;
  --jp-mirror-editor-atom-color: #88f;
  --jp-mirror-editor-number-color: #080;
  --jp-mirror-editor-def-color: #00f;
  --jp-mirror-editor-variable-color: var(--md-grey-900);
  --jp-mirror-editor-variable-2-color: rgb(0, 54, 109);
  --jp-mirror-editor-variable-3-color: #085;
  --jp-mirror-editor-punctuation-color: #05a;
  --jp-mirror-editor-property-color: #05a;
  --jp-mirror-editor-operator-color: #a2f;
  --jp-mirror-editor-comment-color: #408080;
  --jp-mirror-editor-string-color: #ba2121;
  --jp-mirror-editor-string-2-color: #708;
  --jp-mirror-editor-meta-color: #a2f;
  --jp-mirror-editor-qualifier-color: #555;
  --jp-mirror-editor-builtin-color: #008000;
  --jp-mirror-editor-bracket-color: #997;
  --jp-mirror-editor-tag-color: #170;
  --jp-mirror-editor-attribute-color: #00c;
  --jp-mirror-editor-header-color: blue;
  --jp-mirror-editor-quote-color: #090;
  --jp-mirror-editor-link-color: #00c;
  --jp-mirror-editor-error-color: #f00;
  --jp-mirror-editor-hr-color: #999;

  /*
    RTC user specific colors.
    These colors are used for the cursor, username in the editor,
    and the icon of the user.
  */

  --jp-collaborator-color1: #ffad8e;
  --jp-collaborator-color2: #dac83d;
  --jp-collaborator-color3: #72dd76;
  --jp-collaborator-color4: #00e4d0;
  --jp-collaborator-color5: #45d4ff;
  --jp-collaborator-color6: #e2b1ff;
  --jp-collaborator-color7: #ff9de6;

  /* Vega extension styles */

  --jp-vega-background: white;

  /* Sidebar-related styles */

  --jp-sidebar-min-width: 250px;

  /* Search-related styles */

  --jp-search-toggle-off-opacity: 0.5;
  --jp-search-toggle-hover-opacity: 0.8;
  --jp-search-toggle-on-opacity: 1;
  --jp-search-selected-match-background-color: rgb(245, 200, 0);
  --jp-search-selected-match-color: black;
  --jp-search-unselected-match-background-color: var(
    --jp-inverse-layout-color0
  );
  --jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);

  /* Icon colors that work well with light or dark backgrounds */
  --jp-icon-contrast-color0: var(--md-purple-600);
  --jp-icon-contrast-color1: var(--md-green-600);
  --jp-icon-contrast-color2: var(--md-pink-600);
  --jp-icon-contrast-color3: var(--md-blue-600);

  /* Button colors */
  --jp-accept-color-normal: var(--md-blue-700);
  --jp-accept-color-hover: var(--md-blue-800);
  --jp-accept-color-active: var(--md-blue-900);
  --jp-warn-color-normal: var(--md-red-700);
  --jp-warn-color-hover: var(--md-red-800);
  --jp-warn-color-active: var(--md-red-900);
  --jp-reject-color-normal: var(--md-grey-600);
  --jp-reject-color-hover: var(--md-grey-700);
  --jp-reject-color-active: var(--md-grey-800);

  /* File or activity icons and switch semantic variables */
  --jp-jupyter-icon-color: #f37626;
  --jp-notebook-icon-color: #f37626;
  --jp-json-icon-color: var(--md-orange-700);
  --jp-console-icon-background-color: var(--md-blue-700);
  --jp-console-icon-color: white;
  --jp-terminal-icon-background-color: var(--md-grey-800);
  --jp-terminal-icon-color: var(--md-grey-200);
  --jp-text-editor-icon-color: var(--md-grey-700);
  --jp-inspector-icon-color: var(--md-grey-700);
  --jp-switch-color: var(--md-grey-400);
  --jp-switch-true-position-color: var(--md-orange-900);
}
</style>
<style type="text/css">
/* Force rendering true colors when outputing to pdf */
* {
  -webkit-print-color-adjust: exact;
}

/* Misc */
a.anchor-link {
  display: none;
}

/* Input area styling */
.jp-InputArea {
  overflow: hidden;
}

.jp-InputArea-editor {
  overflow: hidden;
}

.cm-editor.cm-s-jupyter .highlight pre {
/* weird, but --jp-code-padding defined to be 5px but 4px horizontal padding is hardcoded for pre.cm-line */
  padding: var(--jp-code-padding) 4px;
  margin: 0;

  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;

}

.jp-OutputArea-output pre {
  line-height: inherit;
  font-family: inherit;
}

.jp-RenderedText pre {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-code-font-size);
}

/* Hiding the collapser by default */
.jp-Collapser {
  display: none;
}

@page {
    margin: 0.5in; /* Margin for each printed piece of paper */
}

@media print {
  .jp-Cell-inputWrapper,
  .jp-Cell-outputWrapper {
    display: block;
  }
}
</style>
<!-- Load mathjax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-AMS_CHTML-full,Safe"> </script>
<!-- MathJax configuration -->
<script type="text/x-mathjax-config">
    init_mathjax = function() {
        if (window.MathJax) {
        // MathJax loaded
            MathJax.Hub.Config({
                TeX: {
                    equationNumbers: {
                    autoNumber: "AMS",
                    useLabelIds: true
                    }
                },
                tex2jax: {
                    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
                    processEscapes: true,
                    processEnvironments: true
                },
                displayAlign: 'center',
                CommonHTML: {
                    linebreaks: {
                    automatic: true
                    }
                }
            });

            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
        }
    }
    init_mathjax();
    </script>
<!-- End of mathjax configuration --><script type="module">
  document.addEventListener("DOMContentLoaded", async () => {
    const diagrams = document.querySelectorAll(".jp-Mermaid > pre.mermaid");
    // do not load mermaidjs if not needed
    if (!diagrams.length) {
      return;
    }
    const mermaid = (await import("https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.6.0/mermaid.esm.min.mjs")).default;
    const parser = new DOMParser();

    mermaid.initialize({
      maxTextSize: 100000,
      startOnLoad: false,
      fontFamily: window
        .getComputedStyle(document.body)
        .getPropertyValue("--jp-ui-font-family"),
      theme: document.querySelector("body[data-jp-theme-light='true']")
        ? "default"
        : "dark",
    });

    let _nextMermaidId = 0;

    function makeMermaidImage(svg) {
      const img = document.createElement("img");
      const doc = parser.parseFromString(svg, "image/svg+xml");
      const svgEl = doc.querySelector("svg");
      const { maxWidth } = svgEl?.style || {};
      const firstTitle = doc.querySelector("title");
      const firstDesc = doc.querySelector("desc");

      img.setAttribute("src", `data:image/svg+xml,${encodeURIComponent(svg)}`);
      if (maxWidth) {
        img.width = parseInt(maxWidth);
      }
      if (firstTitle) {
        img.setAttribute("alt", firstTitle.textContent);
      }
      if (firstDesc) {
        const caption = document.createElement("figcaption");
        caption.className = "sr-only";
        caption.textContent = firstDesc.textContent;
        return [img, caption];
      }
      return [img];
    }

    async function makeMermaidError(text) {
      let errorMessage = "";
      try {
        await mermaid.parse(text);
      } catch (err) {
        errorMessage = `${err}`;
      }

      const result = document.createElement("details");
      result.className = 'jp-RenderedMermaid-Details';
      const summary = document.createElement("summary");
      summary.className = 'jp-RenderedMermaid-Summary';
      const pre = document.createElement("pre");
      const code = document.createElement("code");
      code.innerText = text;
      pre.appendChild(code);
      summary.appendChild(pre);
      result.appendChild(summary);

      const warning = document.createElement("pre");
      warning.innerText = errorMessage;
      result.appendChild(warning);
      return [result];
    }

    async function renderOneMarmaid(src) {
      const id = `jp-mermaid-${_nextMermaidId++}`;
      const parent = src.parentNode;
      let raw = src.textContent.trim();
      const el = document.createElement("div");
      el.style.visibility = "hidden";
      document.body.appendChild(el);
      let results = null;
      let output = null;
      try {
        const { svg } = await mermaid.render(id, raw, el);
        results = makeMermaidImage(svg);
        output = document.createElement("figure");
        results.map(output.appendChild, output);
      } catch (err) {
        parent.classList.add("jp-mod-warning");
        results = await makeMermaidError(raw);
        output = results[0];
      } finally {
        el.remove();
      }
      parent.classList.add("jp-RenderedMermaid");
      parent.appendChild(output);
    }

    void Promise.all([...diagrams].map(renderOneMarmaid));
  });
</script>
<style>
  .jp-Mermaid:not(.jp-RenderedMermaid) {
    display: none;
  }

  .jp-RenderedMermaid {
    overflow: auto;
    display: flex;
  }

  .jp-RenderedMermaid.jp-mod-warning {
    width: auto;
    padding: 0.5em;
    margin-top: 0.5em;
    border: var(--jp-border-width) solid var(--jp-warn-color2);
    border-radius: var(--jp-border-radius);
    color: var(--jp-ui-font-color1);
    font-size: var(--jp-ui-font-size1);
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  .jp-RenderedMermaid figure {
    margin: 0;
    overflow: auto;
    max-width: 100%;
  }

  .jp-RenderedMermaid img {
    max-width: 100%;
  }

  .jp-RenderedMermaid-Details > pre {
    margin-top: 1em;
  }

  .jp-RenderedMermaid-Summary {
    color: var(--jp-warn-color2);
  }

  .jp-RenderedMermaid:not(.jp-mod-warning) pre {
    display: none;
  }

  .jp-RenderedMermaid-Summary > pre {
    display: inline-block;
    white-space: normal;
  }
</style>
<!-- End of mermaid configuration --></head>
<body class="jp-Notebook" data-jp-theme-light="true" data-jp-theme-name="JupyterLab Light">
<main><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=a1668820">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [8]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#库</span>
<span class="kn">import</span> <span class="nn">requests</span>
<span class="kn">from</span> <span class="nn">bs4</span> <span class="kn">import</span> <span class="n">BeautifulSoup</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>

<span class="k">def</span> <span class="nf">getHtmlText</span><span class="p">(</span><span class="n">url</span><span class="p">,</span><span class="n">user_agent</span><span class="p">):</span> 
    <span class="k">try</span><span class="p">:</span>
        <span class="n">r</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url</span><span class="p">,</span><span class="n">headers</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'User-Agent'</span><span class="p">:</span><span class="n">user_agent</span><span class="p">},</span><span class="n">timeout</span><span class="o">=</span><span class="mi">30</span><span class="p">)</span>
        <span class="n">r</span><span class="o">.</span><span class="n">raise_for_status</span><span class="p">()</span>
        <span class="n">r</span><span class="o">.</span><span class="n">encoding</span> <span class="o">=</span> <span class="s1">'utf-8'</span>
        <span class="k">return</span> <span class="n">r</span><span class="o">.</span><span class="n">text</span>
    <span class="k">except</span><span class="p">:</span>
        <span class="k">return</span> <span class="s2">""</span>
<span class="n">excel_path</span> <span class="o">=</span> <span class="s1">'C:</span><span class="se">\\</span><span class="s1">Users</span><span class="se">\\</span><span class="s1">caozihan</span><span class="se">\\</span><span class="s1">Desktop</span><span class="se">\\</span><span class="s1">大学计算机</span><span class="se">\\</span><span class="s1">2309030103.xlsx'</span>
<span class="n">urls_file</span> <span class="o">=</span> <span class="s1">'C:</span><span class="se">\\</span><span class="s1">Users</span><span class="se">\\</span><span class="s1">caozihan</span><span class="se">\\</span><span class="s1">Desktop</span><span class="se">\\</span><span class="s1">大学计算机</span><span class="se">\\</span><span class="s1">urls.txt'</span>


<span class="c1">#网址写入url1和url2</span>
<span class="n">url1</span> <span class="o">=</span> <span class="s2">"http://books.toscrape.com"</span>
<span class="n">url2</span> <span class="o">=</span> <span class="s2">"https://www.zhihu.com/question/282715644/answer/3166635147"</span>



<span class="c1">#打开创建的txt并向其中填入网址</span>
<span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="s1">'urls.txt'</span><span class="p">,</span><span class="s1">'a'</span><span class="p">,</span><span class="n">encoding</span><span class="o">=</span><span class="s1">'utf-8'</span><span class="p">)</span> <span class="k">as</span> <span class="n">file</span><span class="p">:</span>
    <span class="n">file</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">url1</span> <span class="o">+</span> <span class="s2">"</span><span class="se">\n</span><span class="s2">"</span><span class="p">)</span>
    <span class="n">file</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">url2</span><span class="p">)</span>
    
<span class="c1">#观察类型</span>
<span class="nb">print</span><span class="p">(</span><span class="nb">type</span><span class="p">(</span><span class="n">url1</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="nb">type</span><span class="p">(</span><span class="n">url2</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="nb">type</span><span class="p">(</span><span class="n">urls_file</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>&lt;class 'str'&gt;
&lt;class 'str'&gt;
&lt;class 'str'&gt;
</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=75812d9c">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=d8883b7f">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [13]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#开始爬取网站</span>
<span class="kn">import</span> <span class="nn">requests</span>
<span class="n">head</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"User-Agent"</span><span class="p">:</span><span class="s2">"Mozilla/5.0 (Windows NT 10.0; Win64; x64)"</span> <span class="p">}</span>
<span class="n">response1</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">"http://books.toscrape.com/"</span><span class="p">)</span>
<span class="k">if</span> <span class="n">response1</span><span class="o">.</span><span class="n">ok</span><span class="p">:</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">response1</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
<span class="k">else</span><span class="p">:</span>
    <span class="nb">print</span><span class="p">(</span><span class="s2">"defeat"</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>&lt;!DOCTYPE html&gt;
&lt;!--[if lt IE 7]&gt;      &lt;html lang="en-us" class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 7]&gt;         &lt;html lang="en-us" class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 8]&gt;         &lt;html lang="en-us" class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
&lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html lang="en-us" class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
    &lt;head&gt;
        &lt;title&gt;
    All products | Books to Scrape - Sandbox
&lt;/title&gt;

        &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
        &lt;meta name="created" content="24th Jun 2016 09:29" /&gt;
        &lt;meta name="description" content="" /&gt;
        &lt;meta name="viewport" content="width=device-width" /&gt;
        &lt;meta name="robots" content="NOARCHIVE,NOCACHE" /&gt;

        &lt;!-- Le HTML5 shim, for IE6-8 support of HTML elements --&gt;
        &lt;!--[if lt IE 9]&gt;
        &lt;script src="//html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
        &lt;![endif]--&gt;

        
            &lt;link rel="shortcut icon" href="static/oscar/favicon.ico" /&gt;
        

        
        
    
    
        &lt;link rel="stylesheet" type="text/css" href="static/oscar/css/styles.css" /&gt;
    
    &lt;link rel="stylesheet" href="static/oscar/js/bootstrap-datetimepicker/bootstrap-datetimepicker.css" /&gt;
    &lt;link rel="stylesheet" type="text/css" href="static/oscar/css/datetimepicker.css" /&gt;


        
        

        

        
            
            

        
    &lt;/head&gt;

    &lt;body id="default" class="default"&gt;
        
        
    
    
    &lt;header class="header container-fluid"&gt;
        &lt;div class="page_inner"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-sm-8 h1"&gt;&lt;a href="index.html"&gt;Books to Scrape&lt;/a&gt;&lt;small&gt; We love being scraped!&lt;/small&gt;
&lt;/div&gt;

                
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/header&gt;

    
    
&lt;div class="container-fluid page"&gt;
    &lt;div class="page_inner"&gt;
        
    &lt;ul class="breadcrumb"&gt;
        &lt;li&gt;
            &lt;a href="index.html"&gt;Home&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="active"&gt;All products&lt;/li&gt;
    &lt;/ul&gt;

        &lt;div class="row"&gt;

            &lt;aside class="sidebar col-sm-4 col-md-3"&gt;
                
                &lt;div id="promotions_left"&gt;
                    
                &lt;/div&gt;
                
    
    
        
        &lt;div class="side_categories"&gt;
            &lt;ul class="nav nav-list"&gt;
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books_1/index.html"&gt;
                            
                                Books
                            
                        &lt;/a&gt;

                        &lt;ul&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/travel_2/index.html"&gt;
                            
                                Travel
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/mystery_3/index.html"&gt;
                            
                                Mystery
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/historical-fiction_4/index.html"&gt;
                            
                                Historical Fiction
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/sequential-art_5/index.html"&gt;
                            
                                Sequential Art
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/classics_6/index.html"&gt;
                            
                                Classics
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/philosophy_7/index.html"&gt;
                            
                                Philosophy
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/romance_8/index.html"&gt;
                            
                                Romance
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/womens-fiction_9/index.html"&gt;
                            
                                Womens Fiction
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/fiction_10/index.html"&gt;
                            
                                Fiction
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/childrens_11/index.html"&gt;
                            
                                Childrens
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/religion_12/index.html"&gt;
                            
                                Religion
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/nonfiction_13/index.html"&gt;
                            
                                Nonfiction
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/music_14/index.html"&gt;
                            
                                Music
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/default_15/index.html"&gt;
                            
                                Default
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/science-fiction_16/index.html"&gt;
                            
                                Science Fiction
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/sports-and-games_17/index.html"&gt;
                            
                                Sports and Games
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/add-a-comment_18/index.html"&gt;
                            
                                Add a comment
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/fantasy_19/index.html"&gt;
                            
                                Fantasy
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/new-adult_20/index.html"&gt;
                            
                                New Adult
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/young-adult_21/index.html"&gt;
                            
                                Young Adult
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/science_22/index.html"&gt;
                            
                                Science
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/poetry_23/index.html"&gt;
                            
                                Poetry
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/paranormal_24/index.html"&gt;
                            
                                Paranormal
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/art_25/index.html"&gt;
                            
                                Art
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/psychology_26/index.html"&gt;
                            
                                Psychology
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/autobiography_27/index.html"&gt;
                            
                                Autobiography
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/parenting_28/index.html"&gt;
                            
                                Parenting
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/adult-fiction_29/index.html"&gt;
                            
                                Adult Fiction
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/humor_30/index.html"&gt;
                            
                                Humor
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/horror_31/index.html"&gt;
                            
                                Horror
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/history_32/index.html"&gt;
                            
                                History
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/food-and-drink_33/index.html"&gt;
                            
                                Food and Drink
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/christian-fiction_34/index.html"&gt;
                            
                                Christian Fiction
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/business_35/index.html"&gt;
                            
                                Business
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/biography_36/index.html"&gt;
                            
                                Biography
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/thriller_37/index.html"&gt;
                            
                                Thriller
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/contemporary_38/index.html"&gt;
                            
                                Contemporary
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/spirituality_39/index.html"&gt;
                            
                                Spirituality
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/academic_40/index.html"&gt;
                            
                                Academic
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/self-help_41/index.html"&gt;
                            
                                Self Help
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/historical_42/index.html"&gt;
                            
                                Historical
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/christian_43/index.html"&gt;
                            
                                Christian
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/suspense_44/index.html"&gt;
                            
                                Suspense
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/short-stories_45/index.html"&gt;
                            
                                Short Stories
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/novels_46/index.html"&gt;
                            
                                Novels
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/health_47/index.html"&gt;
                            
                                Health
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/politics_48/index.html"&gt;
                            
                                Politics
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/cultural_49/index.html"&gt;
                            
                                Cultural
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/erotica_50/index.html"&gt;
                            
                                Erotica
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                
                    &lt;li&gt;
                        &lt;a href="catalogue/category/books/crime_51/index.html"&gt;
                            
                                Crime
                            
                        &lt;/a&gt;

                        &lt;/li&gt;
                        
                            &lt;/ul&gt;&lt;/li&gt;
                        
                
            &lt;/ul&gt;
        &lt;/div&gt;
    
    

            &lt;/aside&gt;

            &lt;div class="col-sm-8 col-md-9"&gt;
                
                &lt;div class="page-header action"&gt;
                    &lt;h1&gt;All products&lt;/h1&gt;
                &lt;/div&gt;
                

                



&lt;div id="messages"&gt;

&lt;/div&gt;


                &lt;div id="promotions"&gt;
                    
                &lt;/div&gt;

                
    &lt;form method="get" class="form-horizontal"&gt;
        
        &lt;div style="display:none"&gt;
            
            
        &lt;/div&gt;

        
            
                
                    &lt;strong&gt;1000&lt;/strong&gt; results - showing &lt;strong&gt;1&lt;/strong&gt; to &lt;strong&gt;20&lt;/strong&gt;.
                
            
            
        
    &lt;/form&gt;
    
        &lt;section&gt;
            &lt;div class="alert alert-warning" role="alert"&gt;&lt;strong&gt;Warning!&lt;/strong&gt; This is a demo website for web scraping purposes. Prices and ratings here were randomly assigned and have no real meaning.&lt;/div&gt;

            &lt;div&gt;
                &lt;ol class="row"&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/a-light-in-the-attic_1000/index.html"&gt;&lt;img src="media/cache/2c/da/2cdad67c44b002e7ead0cc35693c0e8b.jpg" alt="A Light in the Attic" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Three"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/a-light-in-the-attic_1000/index.html" title="A Light in the Attic"&gt;A Light in the ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£51.77&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/tipping-the-velvet_999/index.html"&gt;&lt;img src="media/cache/26/0c/260c6ae16bce31c8f8c95daddd9f4a1c.jpg" alt="Tipping the Velvet" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating One"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/tipping-the-velvet_999/index.html" title="Tipping the Velvet"&gt;Tipping the Velvet&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£53.74&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/soumission_998/index.html"&gt;&lt;img src="media/cache/3e/ef/3eef99c9d9adef34639f510662022830.jpg" alt="Soumission" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating One"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/soumission_998/index.html" title="Soumission"&gt;Soumission&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£50.10&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/sharp-objects_997/index.html"&gt;&lt;img src="media/cache/32/51/3251cf3a3412f53f339e42cac2134093.jpg" alt="Sharp Objects" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Four"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/sharp-objects_997/index.html" title="Sharp Objects"&gt;Sharp Objects&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£47.82&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/sapiens-a-brief-history-of-humankind_996/index.html"&gt;&lt;img src="media/cache/be/a5/bea5697f2534a2f86a3ef27b5a8c12a6.jpg" alt="Sapiens: A Brief History of Humankind" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Five"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/sapiens-a-brief-history-of-humankind_996/index.html" title="Sapiens: A Brief History of Humankind"&gt;Sapiens: A Brief History ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£54.23&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/the-requiem-red_995/index.html"&gt;&lt;img src="media/cache/68/33/68339b4c9bc034267e1da611ab3b34f8.jpg" alt="The Requiem Red" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating One"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/the-requiem-red_995/index.html" title="The Requiem Red"&gt;The Requiem Red&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£22.65&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/the-dirty-little-secrets-of-getting-your-dream-job_994/index.html"&gt;&lt;img src="media/cache/92/27/92274a95b7c251fea59a2b8a78275ab4.jpg" alt="The Dirty Little Secrets of Getting Your Dream Job" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Four"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/the-dirty-little-secrets-of-getting-your-dream-job_994/index.html" title="The Dirty Little Secrets of Getting Your Dream Job"&gt;The Dirty Little Secrets ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£33.34&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/the-coming-woman-a-novel-based-on-the-life-of-the-infamous-feminist-victoria-woodhull_993/index.html"&gt;&lt;img src="media/cache/3d/54/3d54940e57e662c4dd1f3ff00c78cc64.jpg" alt="The Coming Woman: A Novel Based on the Life of the Infamous Feminist, Victoria Woodhull" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Three"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/the-coming-woman-a-novel-based-on-the-life-of-the-infamous-feminist-victoria-woodhull_993/index.html" title="The Coming Woman: A Novel Based on the Life of the Infamous Feminist, Victoria Woodhull"&gt;The Coming Woman: A ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£17.93&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/the-boys-in-the-boat-nine-americans-and-their-epic-quest-for-gold-at-the-1936-berlin-olympics_992/index.html"&gt;&lt;img src="media/cache/66/88/66883b91f6804b2323c8369331cb7dd1.jpg" alt="The Boys in the Boat: Nine Americans and Their Epic Quest for Gold at the 1936 Berlin Olympics" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Four"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/the-boys-in-the-boat-nine-americans-and-their-epic-quest-for-gold-at-the-1936-berlin-olympics_992/index.html" title="The Boys in the Boat: Nine Americans and Their Epic Quest for Gold at the 1936 Berlin Olympics"&gt;The Boys in the ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£22.60&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/the-black-maria_991/index.html"&gt;&lt;img src="media/cache/58/46/5846057e28022268153beff6d352b06c.jpg" alt="The Black Maria" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating One"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/the-black-maria_991/index.html" title="The Black Maria"&gt;The Black Maria&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£52.15&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/starving-hearts-triangular-trade-trilogy-1_990/index.html"&gt;&lt;img src="media/cache/be/f4/bef44da28c98f905a3ebec0b87be8530.jpg" alt="Starving Hearts (Triangular Trade Trilogy, #1)" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Two"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/starving-hearts-triangular-trade-trilogy-1_990/index.html" title="Starving Hearts (Triangular Trade Trilogy, #1)"&gt;Starving Hearts (Triangular Trade ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£13.99&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/shakespeares-sonnets_989/index.html"&gt;&lt;img src="media/cache/10/48/1048f63d3b5061cd2f424d20b3f9b666.jpg" alt="Shakespeare&amp;#39;s Sonnets" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Four"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/shakespeares-sonnets_989/index.html" title="Shakespeare&amp;#39;s Sonnets"&gt;Shakespeare&amp;#39;s Sonnets&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£20.66&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/set-me-free_988/index.html"&gt;&lt;img src="media/cache/5b/88/5b88c52633f53cacf162c15f4f823153.jpg" alt="Set Me Free" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Five"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/set-me-free_988/index.html" title="Set Me Free"&gt;Set Me Free&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£17.46&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/scott-pilgrims-precious-little-life-scott-pilgrim-1_987/index.html"&gt;&lt;img src="media/cache/94/b1/94b1b8b244bce9677c2f29ccc890d4d2.jpg" alt="Scott Pilgrim&amp;#39;s Precious Little Life (Scott Pilgrim #1)" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Five"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/scott-pilgrims-precious-little-life-scott-pilgrim-1_987/index.html" title="Scott Pilgrim&amp;#39;s Precious Little Life (Scott Pilgrim #1)"&gt;Scott Pilgrim&amp;#39;s Precious Little ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£52.29&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/rip-it-up-and-start-again_986/index.html"&gt;&lt;img src="media/cache/81/c4/81c4a973364e17d01f217e1188253d5e.jpg" alt="Rip it Up and Start Again" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Five"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/rip-it-up-and-start-again_986/index.html" title="Rip it Up and Start Again"&gt;Rip it Up and ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£35.02&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/our-band-could-be-your-life-scenes-from-the-american-indie-underground-1981-1991_985/index.html"&gt;&lt;img src="media/cache/54/60/54607fe8945897cdcced0044103b10b6.jpg" alt="Our Band Could Be Your Life: Scenes from the American Indie Underground, 1981-1991" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Three"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/our-band-could-be-your-life-scenes-from-the-american-indie-underground-1981-1991_985/index.html" title="Our Band Could Be Your Life: Scenes from the American Indie Underground, 1981-1991"&gt;Our Band Could Be ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£57.25&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/olio_984/index.html"&gt;&lt;img src="media/cache/55/33/553310a7162dfbc2c6d19a84da0df9e1.jpg" alt="Olio" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating One"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/olio_984/index.html" title="Olio"&gt;Olio&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£23.88&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/mesaerion-the-best-science-fiction-stories-1800-1849_983/index.html"&gt;&lt;img src="media/cache/09/a3/09a3aef48557576e1a85ba7efea8ecb7.jpg" alt="Mesaerion: The Best Science Fiction Stories 1800-1849" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating One"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/mesaerion-the-best-science-fiction-stories-1800-1849_983/index.html" title="Mesaerion: The Best Science Fiction Stories 1800-1849"&gt;Mesaerion: The Best Science ...&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£37.59&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/libertarianism-for-beginners_982/index.html"&gt;&lt;img src="media/cache/0b/bc/0bbcd0a6f4bcd81ccb1049a52736406e.jpg" alt="Libertarianism for Beginners" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Two"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/libertarianism-for-beginners_982/index.html" title="Libertarianism for Beginners"&gt;Libertarianism for Beginners&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£51.33&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                        &lt;li class="col-xs-6 col-sm-4 col-md-3 col-lg-3"&gt;






    &lt;article class="product_pod"&gt;
        
            &lt;div class="image_container"&gt;
                
                    
                    &lt;a href="catalogue/its-only-the-himalayas_981/index.html"&gt;&lt;img src="media/cache/27/a5/27a53d0bb95bdd88288eaf66c9230d7e.jpg" alt="It&amp;#39;s Only the Himalayas" class="thumbnail"&gt;&lt;/a&gt;
                    
                
            &lt;/div&gt;
        

        
            
                &lt;p class="star-rating Two"&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                    &lt;i class="icon-star"&gt;&lt;/i&gt;
                &lt;/p&gt;
            
        

        
            &lt;h3&gt;&lt;a href="catalogue/its-only-the-himalayas_981/index.html" title="It&amp;#39;s Only the Himalayas"&gt;It&amp;#39;s Only the Himalayas&lt;/a&gt;&lt;/h3&gt;
        

        
            &lt;div class="product_price"&gt;
                






    
        &lt;p class="price_color"&gt;Â£45.17&lt;/p&gt;
    

&lt;p class="instock availability"&gt;
    &lt;i class="icon-ok"&gt;&lt;/i&gt;
    
        In stock
    
&lt;/p&gt;

                
                    






    
    &lt;form&gt;
        &lt;button type="submit" class="btn btn-primary btn-block" data-loading-text="Adding..."&gt;Add to basket&lt;/button&gt;
    &lt;/form&gt;


                
            &lt;/div&gt;
        
    &lt;/article&gt;

&lt;/li&gt;
                    
                &lt;/ol&gt;
                



    &lt;div&gt;
        &lt;ul class="pager"&gt;
            
            &lt;li class="current"&gt;
            
                Page 1 of 50
            
            &lt;/li&gt;
            
                &lt;li class="next"&gt;&lt;a href="catalogue/page-2.html"&gt;next&lt;/a&gt;&lt;/li&gt;
            
        &lt;/ul&gt;
    &lt;/div&gt;


            &lt;/div&gt;
        &lt;/section&gt;
    


            &lt;/div&gt;

        &lt;/div&gt;&lt;!-- /row --&gt;
    &lt;/div&gt;&lt;!-- /page_inner --&gt;
&lt;/div&gt;&lt;!-- /container-fluid --&gt;


    
&lt;footer class="footer container-fluid"&gt;
    
        
    
&lt;/footer&gt;


        
        
  
            &lt;!-- jQuery --&gt;
            &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
            &lt;script&gt;window.jQuery || document.write('&lt;script src="static/oscar/js/jquery/jquery-1.9.1.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
        
  


        
        
    
        
    &lt;!-- Twitter Bootstrap --&gt;
    &lt;script type="text/javascript" src="static/oscar/js/bootstrap3/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;!-- Oscar --&gt;
    &lt;script src="static/oscar/js/oscar/ui.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;

    &lt;script src="static/oscar/js/bootstrap-datetimepicker/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
    &lt;script src="static/oscar/js/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.all.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;


        
        
    

    


        
        &lt;script type="text/javascript"&gt;
            $(function() {
                
    
    
    oscar.init();

    oscar.search.init();

            });
        &lt;/script&gt;

        
        &lt;!-- Version: N/A --&gt;
        
    &lt;/body&gt;
&lt;/html&gt;

</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=68eb211b">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [14]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#利用BeautifuSoup提取出相关标签</span>
<span class="n">content</span> <span class="o">=</span> <span class="n">response1</span><span class="o">.</span><span class="n">text</span>
<span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">content</span><span class="p">,</span><span class="s2">"html.parser"</span><span class="p">)</span>
<span class="n">titles</span> <span class="o">=</span> <span class="n">soup</span><span class="o">.</span><span class="n">findAll</span><span class="p">(</span><span class="s1">'h3'</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">titles</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>[&lt;h3&gt;&lt;a href="catalogue/a-light-in-the-attic_1000/index.html" title="A Light in the Attic"&gt;A Light in the ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/tipping-the-velvet_999/index.html" title="Tipping the Velvet"&gt;Tipping the Velvet&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/soumission_998/index.html" title="Soumission"&gt;Soumission&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/sharp-objects_997/index.html" title="Sharp Objects"&gt;Sharp Objects&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/sapiens-a-brief-history-of-humankind_996/index.html" title="Sapiens: A Brief History of Humankind"&gt;Sapiens: A Brief History ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/the-requiem-red_995/index.html" title="The Requiem Red"&gt;The Requiem Red&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/the-dirty-little-secrets-of-getting-your-dream-job_994/index.html" title="The Dirty Little Secrets of Getting Your Dream Job"&gt;The Dirty Little Secrets ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/the-coming-woman-a-novel-based-on-the-life-of-the-infamous-feminist-victoria-woodhull_993/index.html" title="The Coming Woman: A Novel Based on the Life of the Infamous Feminist, Victoria Woodhull"&gt;The Coming Woman: A ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/the-boys-in-the-boat-nine-americans-and-their-epic-quest-for-gold-at-the-1936-berlin-olympics_992/index.html" title="The Boys in the Boat: Nine Americans and Their Epic Quest for Gold at the 1936 Berlin Olympics"&gt;The Boys in the ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/the-black-maria_991/index.html" title="The Black Maria"&gt;The Black Maria&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/starving-hearts-triangular-trade-trilogy-1_990/index.html" title="Starving Hearts (Triangular Trade Trilogy, #1)"&gt;Starving Hearts (Triangular Trade ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/shakespeares-sonnets_989/index.html" title="Shakespeare's Sonnets"&gt;Shakespeare's Sonnets&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/set-me-free_988/index.html" title="Set Me Free"&gt;Set Me Free&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/scott-pilgrims-precious-little-life-scott-pilgrim-1_987/index.html" title="Scott Pilgrim's Precious Little Life (Scott Pilgrim #1)"&gt;Scott Pilgrim's Precious Little ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/rip-it-up-and-start-again_986/index.html" title="Rip it Up and Start Again"&gt;Rip it Up and ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/our-band-could-be-your-life-scenes-from-the-american-indie-underground-1981-1991_985/index.html" title="Our Band Could Be Your Life: Scenes from the American Indie Underground, 1981-1991"&gt;Our Band Could Be ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/olio_984/index.html" title="Olio"&gt;Olio&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/mesaerion-the-best-science-fiction-stories-1800-1849_983/index.html" title="Mesaerion: The Best Science Fiction Stories 1800-1849"&gt;Mesaerion: The Best Science ...&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/libertarianism-for-beginners_982/index.html" title="Libertarianism for Beginners"&gt;Libertarianism for Beginners&lt;/a&gt;&lt;/h3&gt;, &lt;h3&gt;&lt;a href="catalogue/its-only-the-himalayas_981/index.html" title="It's Only the Himalayas"&gt;It's Only the Himalayas&lt;/a&gt;&lt;/h3&gt;]
</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=a2da816f">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [15]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#创建一个列表并提取出标签为a（所需）的内容</span>
<span class="nb">list</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">title</span> <span class="ow">in</span> <span class="n">titles</span><span class="p">:</span>
    <span class="n">links</span> <span class="o">=</span> <span class="n">title</span><span class="o">.</span><span class="n">findAll</span><span class="p">(</span><span class="s2">"a"</span><span class="p">)</span>
    <span class="k">for</span> <span class="n">link</span> <span class="ow">in</span> <span class="n">links</span><span class="p">:</span>
        <span class="nb">list</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">link</span><span class="o">.</span><span class="n">string</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="nb">list</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>['A Light in the ...', 'Tipping the Velvet', 'Soumission', 'Sharp Objects', 'Sapiens: A Brief History ...', 'The Requiem Red', 'The Dirty Little Secrets ...', 'The Coming Woman: A ...', 'The Boys in the ...', 'The Black Maria', 'Starving Hearts (Triangular Trade ...', "Shakespeare's Sonnets", 'Set Me Free', "Scott Pilgrim's Precious Little ...", 'Rip it Up and ...', 'Our Band Could Be ...', 'Olio', 'Mesaerion: The Best Science ...', 'Libertarianism for Beginners', "It's Only the Himalayas"]
</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=77ed67bc">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [52]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#将列表转化为能够存储到Excel中的文件类型</span>
<span class="n">df1</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">({</span><span class="s1">'书名'</span><span class="p">:</span><span class="nb">list</span><span class="p">})</span>
<span class="n">df1</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child jp-OutputArea-executeResult">
<div class="jp-OutputPrompt jp-OutputArea-prompt">Out[52]:</div>
<div class="jp-RenderedHTMLCommon jp-RenderedHTML jp-OutputArea-output jp-OutputArea-executeResult" data-mime-type="text/html" tabindex="0">
<div>
<style scoped="">
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
<thead>
<tr style="text-align: right;">
<th></th>
<th>书名</th>
</tr>
</thead>
<tbody>
<tr>
<th>0</th>
<td>A Light in the ...</td>
</tr>
<tr>
<th>1</th>
<td>Tipping the Velvet</td>
</tr>
<tr>
<th>2</th>
<td>Soumission</td>
</tr>
<tr>
<th>3</th>
<td>Sharp Objects</td>
</tr>
<tr>
<th>4</th>
<td>Sapiens: A Brief History ...</td>
</tr>
<tr>
<th>5</th>
<td>The Requiem Red</td>
</tr>
<tr>
<th>6</th>
<td>The Dirty Little Secrets ...</td>
</tr>
<tr>
<th>7</th>
<td>The Coming Woman: A ...</td>
</tr>
<tr>
<th>8</th>
<td>The Boys in the ...</td>
</tr>
<tr>
<th>9</th>
<td>The Black Maria</td>
</tr>
<tr>
<th>10</th>
<td>Starving Hearts (Triangular Trade ...</td>
</tr>
<tr>
<th>11</th>
<td>Shakespeare's Sonnets</td>
</tr>
<tr>
<th>12</th>
<td>Set Me Free</td>
</tr>
<tr>
<th>13</th>
<td>Scott Pilgrim's Precious Little ...</td>
</tr>
<tr>
<th>14</th>
<td>Rip it Up and ...</td>
</tr>
<tr>
<th>15</th>
<td>Our Band Could Be ...</td>
</tr>
<tr>
<th>16</th>
<td>Olio</td>
</tr>
<tr>
<th>17</th>
<td>Mesaerion: The Best Science ...</td>
</tr>
<tr>
<th>18</th>
<td>Libertarianism for Beginners</td>
</tr>
<tr>
<th>19</th>
<td>It's Only the Himalayas</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=5f502159">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [17]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#再次爬取另一个网站</span>
<span class="n">url2</span> <span class="o">=</span> <span class="s2">"https://www.zhihu.com/question/282715644/answer/3166635147"</span>
<span class="kn">import</span> <span class="nn">requests</span>
<span class="n">response2</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">"https://www.zhihu.com/question/282715644/answer/3166635147"</span><span class="p">)</span>
<span class="k">if</span> <span class="n">response2</span><span class="o">.</span><span class="n">ok</span><span class="p">:</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">response2</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
<span class="k">else</span><span class="p">:</span>
    <span class="nb">print</span><span class="p">(</span><span class="s2">"defeat"</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>&lt;!doctype html&gt;
&lt;html lang="zh" data-hairline="true" class="itcauecng" data-theme="light"&gt;&lt;head&gt;&lt;meta charSet="utf-8"/&gt;&lt;title data-rh="true"&gt;人工智能那么火~如今AI的应用场景都有哪些？ - 知乎&lt;/title&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/&gt;&lt;meta name="renderer" content="webkit"/&gt;&lt;meta name="force-rendering" content="webkit"/&gt;&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/&gt;&lt;meta name="google-site-verification" content="FTeR0c8arOPKh8c5DYh_9uu98_zJbaWw53J-Sch9MTg"/&gt;&lt;meta data-rh="true" name="description" property="og:description" content="在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AIGC已经融入了我的工…"/&gt;&lt;meta data-rh="true" name="keywords" content="人工智能,AI技术,AI虚拟主播,AI绘画,AI应用场景"/&gt;&lt;link data-rh="true" rel="apple-touch-icon" href="https://static.zhihu.com/heifetz/assets/apple-touch-icon-152.81060cab.png"/&gt;&lt;link data-rh="true" rel="apple-touch-icon" href="https://static.zhihu.com/heifetz/assets/apple-touch-icon-152.81060cab.png" sizes="152x152"/&gt;&lt;link data-rh="true" rel="apple-touch-icon" href="https://static.zhihu.com/heifetz/assets/apple-touch-icon-120.d5793cac.png" sizes="120x120"/&gt;&lt;link data-rh="true" rel="apple-touch-icon" href="https://static.zhihu.com/heifetz/assets/apple-touch-icon-76.7abf3393.png" sizes="76x76"/&gt;&lt;link data-rh="true" rel="apple-touch-icon" href="https://static.zhihu.com/heifetz/assets/apple-touch-icon-60.362a8eac.png" sizes="60x60"/&gt;&lt;link crossorigin="" rel="shortcut icon" type="image/x-icon" href="https://static.zhihu.com/heifetz/favicon.ico"/&gt;&lt;link crossorigin="" rel="search" type="application/opensearchdescription+xml" href="https://static.zhihu.com/heifetz/search.xml" title="知乎"/&gt;&lt;link rel="dns-prefetch" href="//static.zhimg.com"/&gt;&lt;link rel="dns-prefetch" href="//pica.zhimg.com"/&gt;&lt;link rel="dns-prefetch" href="//picx.zhimg.com"/&gt;&lt;link rel="dns-prefetch" href="//pic1.zhimg.com"/&gt;&lt;link rel="dns-prefetch" href="//pic2.zhimg.com"/&gt;&lt;link rel="dns-prefetch" href="//pic3.zhimg.com"/&gt;&lt;link rel="dns-prefetch" href="//pic4.zhimg.com"/&gt;&lt;link rel="dns-prefetch" href="//static.zhihu.com"/&gt;&lt;style data-emotion-css="1twkcsz"&gt;:root{--padding-horizontal:20px;--padding-vertical:16px;}&lt;/style&gt;&lt;script nonce="42d6af5f-afbc-4cd1-af2a-c99e10adedaa" data-web-reporter-config="{&amp;quot;platform&amp;quot;:&amp;quot;web&amp;quot;,&amp;quot;project&amp;quot;:&amp;quot;heifetz&amp;quot;}"&gt;!function(e,t){"object"==typeof exports&amp;&amp;"undefined"!=typeof module?t(exports):"function"==typeof define&amp;&amp;define.amd?define(["exports"],t):t((e=e||self).webReporter={})}(this,function(e){"use strict";var t={},n=!1,o=function(){var e,o,r,a,i;return n||(e=document.querySelector("script[data-web-reporter-config]"),o=e&amp;&amp;e.dataset.webReporterConfig||"{}",r=JSON.parse(o),a=r.platform,i=r.project,t={platform:a,project:i},n=!0),t};function r(e){return a(function(){return localStorage.getItem(e)})()}function a(e){return function(){try{return e.apply(void 0,arguments)}catch(e){}}}var i=a(function(e,t){var n={platform:"web",project:o().project,clientTimestamp:+new Date};!function(e,t,n){"1"===r("weber:logenabled")&amp;&amp;console.log("[web-reporter]%o",{type:e,base:t,data:n})}(e,n,t),function(e,t){var n=btoa(JSON.stringify(t));if("undefined"!=typeof Blob&amp;&amp;window.navigator&amp;&amp;window.navigator.sendBeacon){var o=new Blob([n],{type:"text/plain"});navigator.sendBeacon(e,o)}else{var r=new XMLHttpRequest;r.open("POST",e),r.withCredentials=!1,r.setRequestHeader("Content-Type","text/plain;charset=UTF-8"),r.send(n)}}(r("weber:api")||"https://apm.zhihu.com/collector/web_json",{type:e,base:n,data:t})});e.report=i,Object.defineProperty(e,"__esModule",{value:!0})});
&lt;/script&gt;&lt;link href="https://static.zhihu.com/heifetz/1814.216a26f4.81b19ab0628e102b9196.css" crossorigin="" rel="stylesheet"/&gt;&lt;link href="https://static.zhihu.com/heifetz/main.216a26f4.f922e53a5347fc5577ef.css" crossorigin="" rel="stylesheet"/&gt;&lt;link href="https://static.zhihu.com/heifetz/7359.216a26f4.ee1c93fb0c9c752795b4.css" crossorigin="" rel="stylesheet"/&gt;&lt;link href="https://static.zhihu.com/heifetz/4213.216a26f4.71eee17566e1241973b5.css" crossorigin="" rel="stylesheet"/&gt;&lt;link href="https://static.zhihu.com/heifetz/main-question-routes.216a26f4.533a99983d2e1e23a97b.css" crossorigin="" rel="stylesheet"/&gt;&lt;script nonce="42d6af5f-afbc-4cd1-af2a-c99e10adedaa"&gt;!function(){"use strict";!function(e,n){var r=[];function t(e){return function(){r.push([e,arguments])}}n.Raven={captureException:t("captureException"),captureMessage:t("captureMessage"),captureBreadcrumb:t("captureBreadcrumb")};var a,o,c,i,s,u="undefined"!=typeof DOMError;function d(e){var n=e instanceof Error||e instanceof ErrorEvent||u&amp;&amp;e instanceof DOMError||e instanceof DOMException;Raven.captureException(n?e:new Error(e.message||e.reason))}n.addEventListener("unhandledrejection",d),n.addEventListener("error",d,!0),a=e.src,o=e,c=function(){r.forEach(function(e){var n;(n=Raven)[e[0]].apply(n,e[1])}),n.removeEventListener("unhandledrejection",d),n.removeEventListener("error",d,!0)},i=document.head||document.getElementsByTagName("head")[0],(s=document.createElement("script")).crossOrigin=o.crossOrigin,s.dataset.sentryConfig=o["data-sentry-config"],s.onload=c,s.src=a,i.appendChild(s)}({"defer":true,"crossOrigin":"anonymous","src":"https://unpkg.zhimg.com/@cfe/sentry-script@1.3.1/dist/init.js","data-sentry-config":"{\"dsn\":\"https://2d8d764432cc4f6fb3bc78ab9528299d@crash2.zhihu.com/1224\",\"sampleRate\":0.1,\"release\":\"1279-30c38a32\",\"ignoreErrorNames\":[\"NetworkError\",\"SecurityError\"],\"ignoreErrorsPreset\":\"ReactApp\",\"tags\":{\"app_name\":\"heifetz\"}}"},window)}();
&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div id="root"&gt;&lt;div&gt;&lt;style data-emotion-css="55n9hh"&gt;.css-55n9hh{position:fixed;top:0;right:0;left:0;z-index:101;display:none;height:2px;pointer-events:none;background:#1772F6;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}&lt;/style&gt;&lt;div class="LoadingBar  css-55n9hh"&gt;&lt;/div&gt;&lt;div&gt;&lt;style data-emotion-css="17rnw55"&gt;.css-17rnw55{background-color:#ffffff;-webkit-transition-property:background-color,box-shadow;transition-property:background-color,box-shadow;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}&lt;/style&gt;&lt;header role="banner" class="Sticky AppHeader css-17rnw55" data-za-module="TopNavBar"&gt;&lt;style data-emotion-css="11p8nt5"&gt;.css-11p8nt5{width:auto;max-width:1156px;min-width:1000px;padding-left:16px;padding-right:55px;}.css-11p8nt5 .AppHeader-userInfo{margin-left:30px;width:auto;}.css-11p8nt5 .AppHeader-TabsLink.is-active,.css-11p8nt5 .AppHeader-TabsLink:hover{color:#191B1F;}&lt;/style&gt;&lt;div class="AppHeader-inner css-11p8nt5"&gt;&lt;a href="//www.zhihu.com" aria-label="知乎"&gt;&lt;style data-emotion-css="1hlrcxk"&gt;.css-1hlrcxk{-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}&lt;/style&gt;&lt;svg viewBox="0 0 64 30" fill="#1772F6" width="64" height="30" class="css-1hlrcxk"&gt;&lt;path d="M29.05 4.582H16.733V25.94h3.018l.403 2.572 4.081-2.572h4.815V4.582zm-5.207 18.69l-2.396 1.509-.235-1.508h-1.724V7.233h6.78v16.04h-2.425zM14.46 14.191H9.982c0-.471.033-.954.039-1.458v-5.5h5.106V5.935a1.352 1.352 0 0 0-.404-.957 1.378 1.378 0 0 0-.968-.396H5.783c.028-.088.056-.177.084-.255.274-.82 1.153-3.326 1.153-3.326a4.262 4.262 0 0 0-2.413.698c-.57.4-.912.682-1.371 1.946-.532 1.453-.997 2.856-1.31 3.693C1.444 8.674.28 11.025.28 11.025a5.85 5.85 0 0 0 2.52-.61c1.119-.593 1.679-1.502 2.054-2.883l.09-.3h2.334v5.5c0 .5-.045.982-.073 1.46h-4.12c-.71 0-1.39.278-1.893.775a2.638 2.638 0 0 0-.783 1.874h6.527a17.717 17.717 0 0 1-.778 3.649 16.796 16.796 0 0 1-3.012 5.273A33.104 33.104 0 0 1 0 28.74s3.13 1.175 5.425-.954c1.388-1.292 2.631-3.814 3.23-5.727a28.09 28.09 0 0 0 1.12-5.229h5.967v-1.37a1.254 1.254 0 0 0-.373-.899 1.279 1.279 0 0 0-.909-.37z"&gt;&lt;/path&gt;&lt;path d="M11.27 19.675l-2.312 1.491 5.038 7.458a6.905 6.905 0 0 0 .672-2.218 3.15 3.15 0 0 0-.28-2.168l-3.118-4.563zM51.449 15.195V5.842c4.181-.205 7.988-.405 9.438-.483l.851-.05c.387-.399.885-2.395.689-3.021-.073-.25-.213-.666-.638-.555a33.279 33.279 0 0 1-4.277.727c-2.766.321-3.97.404-7.804.682-6.718.487-12.709.72-12.709.72a2.518 2.518 0 0 0 .788 1.834 2.567 2.567 0 0 0 1.883.706c2.278-.095 5.598-.25 8.996-.41v9.203h-12.78c0 .703.281 1.377.783 1.874a2.69 2.69 0 0 0 1.892.777h10.105v7.075c0 .887-.464 1.192-1.231 1.214h-3.92a4.15 4.15 0 0 0 .837 1.544 4.2 4.2 0 0 0 1.403 1.067 6.215 6.215 0 0 0 2.71.277c1.36-.066 2.967-.826 2.967-3.57v-7.607h11.28c.342 0 .67-.135.91-.374.242-.239.378-.563.378-.902v-1.375H51.449z"&gt;&lt;/path&gt;&lt;path d="M42.614 8.873a2.304 2.304 0 0 0-1.508-.926 2.334 2.334 0 0 0-1.727.405l-.376.272 4.255 5.85 2.24-1.62-2.884-3.98zM57.35 8.68l-3.125 4.097 2.24 1.663 4.517-5.927-.375-.277a2.32 2.32 0 0 0-1.722-.452 2.327 2.327 0 0 0-1.536.896z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;style data-emotion-css="g0ay3v"&gt;.css-g0ay3v{margin-left:25px;margin-right:15px;}.css-g0ay3v .AppHeader-Tab{padding-left:15px;padding-right:15px;}.css-g0ay3v .Tabs-link.is-active::after{height:4px;}&lt;/style&gt;&lt;ul role="tablist" class="Tabs AppHeader-Tabs css-g0ay3v"&gt;&lt;li role="tab" class="Tabs-item AppHeader-Tab Tabs-item--noMeta"&gt;&lt;style data-emotion-css="1fb8pjf"&gt;.css-1fb8pjf{color:undefined !important;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}.css-1fb8pjf.is-active,.css-1fb8pjf:hover{opacity:1;}.css-1fb8pjf.is-active::after{background-color:#1772F6 !important;}&lt;/style&gt;&lt;a class="Tabs-link AppHeader-TabsLink css-1fb8pjf" tabindex="0" data-za-not-track-link="true" href="//www.zhihu.com/"&gt;首页&lt;/a&gt;&lt;/li&gt;&lt;li role="tab" class="Tabs-item AppHeader-Tab Tabs-item--noMeta"&gt;&lt;a class="Tabs-link AppHeader-TabsLink css-1fb8pjf" tabindex="0" data-za-not-track-link="true" href="//www.zhihu.com/education/learning"&gt;知乎知学堂&lt;/a&gt;&lt;/li&gt;&lt;li role="tab" class="Tabs-item AppHeader-Tab Tabs-item--noMeta"&gt;&lt;a class="Tabs-link AppHeader-TabsLink css-1fb8pjf" tabindex="0" data-za-not-track-link="true" href="//www.zhihu.com/explore"&gt;发现&lt;/a&gt;&lt;/li&gt;&lt;li role="tab" class="Tabs-item AppHeader-Tab Tabs-item--noMeta"&gt;&lt;a class="Tabs-link AppHeader-TabsLink css-1fb8pjf" tabindex="0" data-za-not-track-link="true" href="//www.zhihu.com/question/waiting"&gt;等你来答&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;style data-emotion-css="1acwmmj"&gt;.css-1acwmmj{box-sizing:border-box;margin:0;min-width:0;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}&lt;/style&gt;&lt;div class="css-1acwmmj"&gt;&lt;style data-emotion-css="10fy1q8"&gt;.css-10fy1q8{max-width:482px;}.css-10fy1q8 .SearchBar-input{border-radius:999px;padding-left:16px;}.css-10fy1q8 .SearchBar-askButton{border-radius:999px;width:70px;margin-left:12px;}.css-10fy1q8 .SearchBar-searchButton{border-bottom-right-radius:999px;border-top-right-radius:999px;}&lt;/style&gt;&lt;div class="SearchBar css-10fy1q8" role="search" data-za-module="PresetWordItem"&gt;&lt;form class="SearchBar-tool"&gt;&lt;div&gt;&lt;div class="Popover"&gt;&lt;style data-emotion-css="11bw1mm"&gt;.css-11bw1mm{border-color:undefined !important;-webkit-transition-property:background-color,border,color;transition-property:background-color,border,color;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}.css-11bw1mm{border-color:undefined !important;-webkit-transition-property:background-color,border,color;transition-property:background-color,border,color;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}.css-11bw1mm{border-color:undefined !important;-webkit-transition-property:background-color,border,color;transition-property:background-color,border,color;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}.css-11bw1mm{border-color:undefined !important;-webkit-transition-property:background-color,border,color;transition-property:background-color,border,color;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}&lt;/style&gt;&lt;label class="SearchBar-input css-11bw1mm Input-wrapper QZcfWkCJoarhIYxlM_sG Input-wrapper--grey evPjxqnqXpIBzSRrcIDv"&gt;&lt;input type="text" maxLength="100" value="" autoComplete="off" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-activedescendant="null--1" id="null-toggle" aria-haspopup="true" aria-owns="null-content" class="Input i7cW1UcwT6ThdhTakqFm" placeholder=""/&gt;&lt;button aria-label="搜索" type="button" class="Button SearchBar-searchButton FEfUrdfMIKpQDJDqkjte Button--primary epMJl0lFQuYbC7jrwr_o"&gt;&lt;style data-emotion-css="1dlt5yv"&gt;.css-1dlt5yv{-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}.css-1dlt5yv:hover{opacity:1;}&lt;/style&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="18" height="18" viewBox="0 0 24 24" class="Zi Zi--Search SearchBar-searchIcon css-1dlt5yv" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M11.8 2.425a9.075 9.075 0 1 0 5.62 16.201l2.783 2.783a.875.875 0 1 0 1.238-1.237l-2.758-2.758A9.075 9.075 0 0 0 11.8 2.425ZM4.475 11.5a7.325 7.325 0 1 1 14.65 0 7.325 7.325 0 0 1-14.65 0Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/button&gt;&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;&lt;/form&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="AppHeader-userInfo"&gt;&lt;div&gt;&lt;div class="Popover"&gt;&lt;style data-emotion-css="d5yzzu"&gt;.css-d5yzzu{box-sizing:border-box;margin:0;min-width:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}&lt;/style&gt;&lt;div id="null-toggle" aria-haspopup="true" aria-expanded="false" aria-owns="null-content" type="button" class="Button FEfUrdfMIKpQDJDqkjte Button--plain Button--gray fEPKGkUK5jyc4fUuT0QP css-d5yzzu"&gt;切换模式&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="AppHeader-profile"&gt;&lt;div&gt;&lt;style data-emotion-css="1ay9vb9"&gt;.css-1ay9vb9{margin-right:16px;}&lt;/style&gt;&lt;style data-emotion-css="1rwz7is"&gt;.css-1rwz7is{display:inline-block;padding:0 16px;font-size:14px;line-height:32px;color:#ffffff;text-align:center;cursor:pointer;background:none;border:1px solid;border-radius:3px;background-color:#1772F6;border-color:#1772F6;margin-right:16px;}.css-1rwz7is::mozFocusInner{padding:0;border:0;}.css-1rwz7is:focus{outline:none;-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;}.css-1rwz7is:focus-visible{box-shadow:0 0 0 2px #ffffff,0 0 0 4px rgba(23,114,246,0.3);}.css-1rwz7is:disabled{cursor:default;opacity:0.5;}.css-1rwz7is:hover{border-color:#0a6af5;background-color:#0a6af5;}&lt;/style&gt;&lt;button type="button" class="Button Button--primary Button--blue css-1rwz7is"&gt;登录/注册&lt;/button&gt;&lt;style data-emotion-css="1fv1gmw"&gt;.css-1fv1gmw{position:fixed;bottom:50px;right:64px;width:336px;z-index:2;}&lt;/style&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/header&gt;&lt;/div&gt;&lt;div&gt;&lt;span style="position:absolute;top:-10000px;left:-10000px" role="log" aria-live="assertive"&gt;&lt;/span&gt;&lt;/div&gt;&lt;main role="main" class="App-main"&gt;&lt;div&gt;&lt;div class="QuestionPage" itemscope="" itemProp="mainEntity" itemType="http://schema.org/Question"&gt;&lt;meta itemProp="name" content="人工智能那么火~如今AI的应用场景都有哪些？"/&gt;&lt;meta itemProp="url" content="https://www.zhihu.com/question/282715644"/&gt;&lt;meta itemProp="keywords" content="人工智能,AI技术,AI虚拟主播,AI绘画,AI应用场景"/&gt;&lt;meta itemProp="answerCount" content="200"/&gt;&lt;meta itemProp="commentCount" content="0"/&gt;&lt;meta itemProp="dateCreated" content="2018-06-26T11:14:45.000Z"/&gt;&lt;meta itemProp="dateModified" content="2018-06-26T11:14:45.000Z"/&gt;&lt;meta itemProp="zhihu:visitsCount"/&gt;&lt;meta itemProp="zhihu:followerCount" content="504"/&gt;&lt;div data-zop-question="{&amp;quot;title&amp;quot;:&amp;quot;人工智能那么火~如今AI的应用场景都有哪些？&amp;quot;,&amp;quot;topics&amp;quot;:[{&amp;quot;name&amp;quot;:&amp;quot;人工智能&amp;quot;,&amp;quot;id&amp;quot;:&amp;quot;19551275&amp;quot;},{&amp;quot;name&amp;quot;:&amp;quot;AI技术&amp;quot;,&amp;quot;id&amp;quot;:&amp;quot;20106982&amp;quot;},{&amp;quot;name&amp;quot;:&amp;quot;AI虚拟主播&amp;quot;,&amp;quot;id&amp;quot;:&amp;quot;25472112&amp;quot;},{&amp;quot;name&amp;quot;:&amp;quot;AI绘画&amp;quot;,&amp;quot;id&amp;quot;:&amp;quot;25477934&amp;quot;},{&amp;quot;name&amp;quot;:&amp;quot;AI应用场景&amp;quot;,&amp;quot;id&amp;quot;:&amp;quot;27911584&amp;quot;}],&amp;quot;id&amp;quot;:282715644,&amp;quot;isEditable&amp;quot;:false}"&gt;&lt;div&gt;&lt;div class="QuestionHeader"&gt;&lt;div class="QuestionHeader-content"&gt;&lt;div class="QuestionHeader-main"&gt;&lt;div class="QuestionHeader-tags"&gt;&lt;div class="QuestionHeader-topics"&gt;&lt;style data-emotion-css="ch8ocw"&gt;.css-ch8ocw{position:relative;display:inline-block;height:30px;padding:0 12px;font-size:14px;line-height:30px;color:#1772F6;vertical-align:top;border-radius:100px;background:rgba(23,114,246,0.1);}.css-ch8ocw:hover{background-color:rgba(23,114,246,0.15);}&lt;/style&gt;&lt;div class="Tag QuestionTopic css-ch8ocw"&gt;&lt;span class="Tag-content"&gt;&lt;a class="TopicLink" href="//www.zhihu.com/topic/19551275" target="_blank"&gt;&lt;style data-emotion-css="1xlfegr"&gt;.css-1xlfegr{background:transparent;box-shadow:none;}&lt;/style&gt;&lt;style data-emotion-css="1gomreu"&gt;.css-1gomreu{position:relative;display:inline-block;}&lt;/style&gt;&lt;div class="css-1gomreu"&gt;人工智能&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="Tag QuestionTopic css-ch8ocw"&gt;&lt;span class="Tag-content"&gt;&lt;a class="TopicLink" href="//www.zhihu.com/topic/20106982" target="_blank"&gt;&lt;div class="css-1gomreu"&gt;AI技术&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="Tag QuestionTopic css-ch8ocw"&gt;&lt;span class="Tag-content"&gt;&lt;a class="TopicLink" href="//www.zhihu.com/topic/25472112" target="_blank"&gt;&lt;div class="css-1gomreu"&gt;AI虚拟主播&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="Tag QuestionTopic css-ch8ocw"&gt;&lt;span class="Tag-content"&gt;&lt;a class="TopicLink" href="//www.zhihu.com/topic/25477934" target="_blank"&gt;&lt;div class="css-1gomreu"&gt;AI绘画&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="Tag QuestionTopic css-ch8ocw"&gt;&lt;span class="Tag-content"&gt;&lt;a class="TopicLink" href="//www.zhihu.com/topic/27911584" target="_blank"&gt;&lt;div class="css-1gomreu"&gt;AI应用场景&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;h1 class="QuestionHeader-title"&gt;人工智能那么火~如今AI的应用场景都有哪些？&lt;/h1&gt;&lt;style data-emotion-css="1oxku7z"&gt;html{-webkit-scroll-padding-top:calc(52px + 2em);-moz-scroll-padding-top:calc(52px + 2em);-ms-scroll-padding-top:calc(52px + 2em);scroll-padding-top:calc(52px + 2em);-webkit-scroll-padding-bottom:56px;-moz-scroll-padding-bottom:56px;-ms-scroll-padding-bottom:56px;scroll-padding-bottom:56px;}&lt;/style&gt;&lt;style data-emotion-css="1uovyp5"&gt;.css-1uovyp5{position:relative;top:-53px;}&lt;/style&gt;&lt;div class="css-1uovyp5"&gt;&lt;/div&gt;&lt;style data-emotion-css="1rpg5c6"&gt;.css-1rpg5c6{position:-webkit-sticky;position:sticky;top:52px;}&lt;/style&gt;&lt;div class="css-1rpg5c6"&gt;&lt;style data-emotion-css="moxmo5"&gt;.css-moxmo5{position:absolute;height:1px;bottom:-2px;}&lt;/style&gt;&lt;div class="css-moxmo5"&gt;&lt;/div&gt;&lt;/div&gt;&lt;style data-emotion-css="dojgf2"&gt;.css-dojgf2{height:1px;}&lt;/style&gt;&lt;div class="css-dojgf2"&gt;&lt;/div&gt;&lt;style data-emotion-css="4cffwv"&gt;.css-4cffwv{box-sizing:border-box;margin:0;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}&lt;/style&gt;&lt;div class="css-4cffwv"&gt;&lt;div class="LabelContainer-loading"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;style data-emotion-css="eew49z"&gt;.css-eew49z{min-height:10px;}&lt;/style&gt;&lt;div class="css-eew49z"&gt;&lt;div class="QuestionRichText QuestionRichText--expandable QuestionRichText--collapsed"&gt;&lt;div&gt;&lt;span itemProp="text"&gt;alphago一战成名后，人工智能大火 现实生活中AI能帮我们做些什么呢，我们现在的生活，周围已经有哪些行业用到了AI技术&lt;/span&gt;&lt;button type="button" class="Button QuestionRichText-more FEfUrdfMIKpQDJDqkjte Button--plain fEPKGkUK5jyc4fUuT0QP"&gt;显示全部 &lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="24" height="24" viewBox="0 0 24 24" class="Zi Zi--ArrowDown" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M17.776 10.517a.875.875 0 0 1-.248 1.212l-5.05 3.335a.875.875 0 0 1-.964 0L6.47 11.73a.875.875 0 1 1 .965-1.46l4.56 3.015 4.568-3.016a.875.875 0 0 1 1.212.248Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="QuestionHeader-side"&gt;&lt;div class="QuestionHeader-follow-status"&gt;&lt;div class="QuestionFollowStatus"&gt;&lt;div class="NumberBoard QuestionFollowStatus-counts NumberBoard--divider"&gt;&lt;div class="NumberBoard-item"&gt;&lt;div class="NumberBoard-itemInner"&gt;&lt;div class="NumberBoard-itemName"&gt;关注者&lt;/div&gt;&lt;strong class="NumberBoard-itemValue" title="504"&gt;504&lt;/strong&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="NumberBoard-item"&gt;&lt;div class="NumberBoard-itemInner"&gt;&lt;div class="NumberBoard-itemName"&gt;被浏览&lt;/div&gt;&lt;strong class="NumberBoard-itemValue" title="793129"&gt;793,129&lt;/strong&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="QuestionHeader-footer"&gt;&lt;div class="QuestionHeader-footer-inner"&gt;&lt;div class="QuestionHeader-main QuestionHeader-footer-main"&gt;&lt;div class="QuestionButtonGroup"&gt;&lt;button type="button" class="Button FollowButton FEfUrdfMIKpQDJDqkjte Button--primary Button--blue epMJl0lFQuYbC7jrwr_o JmYzaky7MEPMFcJDLNMG"&gt;关注问题&lt;/button&gt;&lt;a&gt;&lt;button type="button" class="Button FEfUrdfMIKpQDJDqkjte Button--blue JmYzaky7MEPMFcJDLNMG"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="16" height="16" viewBox="0 0 24 24" class="Zi Zi--Edit QuestionButton-icon" fill="currentColor"&gt;&lt;path d="m7.841 20.043-4.328 1.18a.6.6 0 0 1-.737-.736l1.18-4.324a1.2 1.2 0 0 1 .314-.539l8.094-7.995a.9.9 0 0 1 1.268.003l2.736 2.736a.9.9 0 0 1 .004 1.268l-7.196 7.296-.802.802a1.2 1.2 0 0 1-.533.31ZM19.703 4.81l-.514-.513a2.542 2.542 0 0 0-3.595 0l-.999 1.067a.9.9 0 0 0 .02 1.252l2.77 2.768a.9.9 0 0 0 1.25.02l1.068-.999a2.542 2.542 0 0 0 0-3.594Z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;写回答&lt;/button&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="QuestionHeaderActions"&gt;&lt;button style="margin-right:16px" type="button" class="Button FEfUrdfMIKpQDJDqkjte Button--grey Button--withIcon Button--withLabel ZdfrHW7Ef5ZjwFiiBJuS B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Invite Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M5.5 7.5A5.5 5.5 0 0 1 11 2a5.5 5.5 0 0 1 5.5 5.5A5.5 5.5 0 0 1 11 13a5.5 5.5 0 0 1-5.5-5.5Zm8.11 9.498c.404-.408.91-1 1.17-1.51.067-.133.13-.284.165-.442.034-.15.058-.373-.033-.602a.872.872 0 0 0-.545-.509 1.37 1.37 0 0 0-.604-.043c-.657.082-1.518.184-2.373.24-.867.055-1.68.058-2.254-.041-1.189-.204-2.045-.19-2.781.087-.722.272-1.25.773-1.804 1.302-1.533 1.462-2.434 3.311-2.65 4.831-.11.78.535 1.339 1.199 1.339h8.1a.96.96 0 0 0 .955-.929c.06-1.767.7-2.96 1.456-3.723Zm5.596-2.292a.706.706 0 0 0-1.412 0v2.588h-2.588a.706.706 0 0 0 0 1.412h2.588v2.588a.706.706 0 1 0 1.412 0v-2.588h2.588a.706.706 0 0 0 0-1.412h-2.588v-2.588Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;邀请回答&lt;/button&gt;&lt;div class="GoodQuestionAction"&gt;&lt;button type="button" class="Button GoodQuestionAction-commonBtn FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--withLabel fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Like Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path d="M10.02 1.15c-.794-.076-1.366.534-1.459 1.174-.4 2.764-1.968 4.968-4.473 6.306-.884.472-1.563 1.391-1.562 2.5 0 .762.002 1.523.004 2.284.003 1.658.007 3.315.003 4.972a2.882 2.882 0 0 0 2.88 2.889h10.742a3.875 3.875 0 0 0 3.757-2.926l1.807-7.154a2.875 2.875 0 0 0-2.787-3.58h-5.444c.187-1.277.225-2.715-.194-3.922-.224-.643-.586-1.247-1.147-1.71-.565-.468-1.278-.751-2.127-.833Z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;好问题 10&lt;/button&gt;&lt;/div&gt;&lt;div class="QuestionHeader-Comment"&gt;&lt;button type="button" class="Button FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--withLabel fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Comment Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 4.737 17.197l2.643.817a1 1 0 0 0 1.25-1.25l-.8-2.588A9.25 9.25 0 0 0 12 2.75Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;添加评论&lt;/button&gt;&lt;/div&gt;&lt;div class="Popover ShareMenu"&gt;&lt;div class="ShareMenu-toggler" id="null-toggle" aria-haspopup="true" aria-expanded="false" aria-owns="null-content"&gt;&lt;button type="button" class="Button FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--withLabel fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Share Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path d="M19.47 1.914a.8.8 0 0 1 1.204.778l-1.872 16.386a.9.9 0 0 1-1.204.743l-4.615-1.692a.7.7 0 0 0-.831.28l-1.927 3.02c-.43.674-1.474.369-1.474-.43v-3.865a.8.8 0 0 1 .179-.504l5.808-7.148a.595.595 0 0 0-.897-.781l-5.93 6.354a1.1 1.1 0 0 1-1.258.252L2.57 13.46a.8.8 0 0 1-.08-1.415l16.98-10.13Z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;分享&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="Popover"&gt;&lt;button aria-label="更多" id="null-toggle" aria-haspopup="true" aria-expanded="false" aria-owns="null-content" type="button" class="Button FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--iconOnly fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY hIwDV_tcL6XN1HprrnAq"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Dots Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path d="M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM10.5 12a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 12a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="QuestionHeader-actions"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;style data-emotion-css="9hu0cu"&gt;.css-9hu0cu{width:1000px;}&lt;/style&gt;&lt;style data-emotion-css="1mgcfmo"&gt;.css-1mgcfmo{box-sizing:border-box;margin:0;min-width:0;background-color:#f4f6f9;margin-top:10px;margin-left:auto;margin-right:auto;width:1000px;}&lt;/style&gt;&lt;div id="AnswerFormPortalContainer" class="css-1mgcfmo"&gt;&lt;/div&gt;&lt;div class="Question-main"&gt;&lt;div class="ListShortcut"&gt;&lt;div class="Question-mainColumn" data-zop-questionanswerlist="true"&gt;&lt;div class="Question-mainColumnLogin"&gt;&lt;div class="Question-mainColumnLoginImg"&gt;&lt;svg width="43" height="50" viewBox="0 0 43 50" fill="none"&gt;&lt;path fill="#121212" d="M23.376 45.237c-1.567 0-3.133.012-4.698 0a1.701 1.701 0 0 0-1.133.386 507.16 507.16 0 0 1-4.493 3.517 3.959 3.959 0 0 1-.694.449 1.305 1.305 0 0 1-1.792-1.537c.239-.737.477-1.47.744-2.192.158-.42.153-.597-.384-.68-1.963-.3-3.672-1.093-4.879-2.756a7.614 7.614 0 0 1-1.272-2.983c-.098-.477-.238-.455-.651-.317-.625.212-.783.568-.601 1.16.041.155.057.316.047.477a.988.988 0 0 1-.806 1.03.954.954 0 0 1-1.162-.589c-.115-.257-.189-.417-.527-.408a1.009 1.009 0 0 1-1.003-.701c-.188-.463.015-.828.337-1.112.238-.22.238-.356.067-.625a1.023 1.023 0 0 1 .238-1.432.98.98 0 0 1 1.377.203c.293.348.542.344.966.227 1.315-.365 1.974-1.088 1.99-2.534.015-1.239.346-2.467.494-3.706.158-1.314-.1-2.61-.258-3.905-.205-1.67-.477-3.34-.742-4.992-.136-.89.44-1.462 1.325-1.312 1.119.186 1.104.183 1.255-.955.224-1.689.45-3.376.715-5.058a1.102 1.102 0 0 0-.522-1.243C5.336 12.284 4.34 10.273 3.93 7.954c-.462-2.57.65-4.554 2.53-6.175C8.34.156 10.609-.166 12.993.068a11.67 11.67 0 0 1 3.884 1.028 5.311 5.311 0 0 1 2.147 1.728c.303.436.645.541 1.138.539 4.362-.017 8.721 0 13.08 0 1.776 0 3.415.413 4.813 1.563 2.04 1.67 2.784 3.87 2.558 6.442-.009.08-.023.16-.04.239-.178.954-.21 1.655.715 2.479a4.5 4.5 0 0 1 .386 6.15 13.421 13.421 0 0 1-2.2 2.246 1.322 1.322 0 0 0-.548.928c-.604 4.355-1.267 8.7-1.814 13.06-.539 4.327-3.407 7.65-7.566 8.59-.876.169-1.768.235-2.66.198H23.38l-.003-.021z"&gt;&lt;/path&gt;&lt;path fill="#FEFEFE" d="M12.394 47.606c.441-1.293.809-2.417 1.21-3.526.136-.377 0-.442-.335-.444-.715 0-1.431-.019-2.147-.07-1.346-.095-2.458-.698-3.412-1.624a1.357 1.357 0 0 1-.425-1.105c.046-.93.062-1.863.062-2.794a.614.614 0 0 1 .492-.692c.513-.148 1.014-.338 1.517-.517.442-.156.642-.478.509-.929-.144-.477-.537-.532-.955-.41-.322.09-.64.21-.954.31-.403.13-.601 0-.592-.446.02-.89 0-1.782.024-2.675.05-2.944-.33-5.85-.775-8.751-.02-.117-.043-.239-.055-.351-.046-.535.086-.659.606-.53 1.095.267 2.2.504 3.278.833 1.67.51 3.329.365 4.975-.1 1.97-.559 3.798-1.473 5.64-2.343a1.038 1.038 0 0 0 .604-.955c.072-1.047.16-2.095.238-3.14.048-.61.184-.715.747-.477 1.625.628 3.252 1.25 4.865 1.909a3.12 3.12 0 0 0 2.195.074c1.73-.558 3.348-1.413 5.018-2.114.745-.306.768-.306 1.074.458.532 1.322 1.038 2.653 1.603 3.963.191.444.079.695-.265.954a37.672 37.672 0 0 1-4.576 2.976c-.833.463-.883.568-.716 1.517.838 4.57 1.217 9.189 1.556 13.813a1.209 1.209 0 0 1-.44 1.085c-1.631 1.494-3.552 2.148-5.752 2.148-3.101-.029-6.184 0-9.276 0a1.432 1.432 0 0 0-1 .374c-1.436 1.179-2.93 2.317-4.538 3.58z"&gt;&lt;/path&gt;&lt;path fill="#06F" d="M32.376 15.823a3.172 3.172 0 0 0-.04-.366c-.284-1.171.035-2.087 1.026-2.834.584-.441.61-.926.293-1.403s-.78-.573-1.45-.239c-.24.122-.299.072-.356-.157a1.583 1.583 0 0 0-.212-.477.936.936 0 0 0-1.14-.408.995.995 0 0 0-.693 1.062c.023.211.06.42.112.627-.365-.05-.69-.239-1.05-.086a.99.99 0 0 0-.675.759.869.869 0 0 0 .415.973c.392.239.802.427 1.215.62a.548.548 0 0 1 .394.52c.023.655.076 1.308.133 1.957a.46.46 0 0 1-.327.542 2.832 2.832 0 0 1-2.343.05c-1.894-.8-3.817-1.517-5.743-2.26-.97-.376-1.536-.028-1.63 1.005-.114 1.262-.238 2.524-.312 3.791a.809.809 0 0 1-.51.78c-1.797.83-3.594 1.67-5.56 2.031a6.441 6.441 0 0 1-2.708-.06c-.752-.176-1.494-.398-2.248-.555-.36-.075-.439-.24-.39-.568.28-1.922.552-3.843.813-5.765.043-.322.183-.418.477-.336.424.112.871.104 1.29-.024.492-.132.82.045 1.163.365a8.126 8.126 0 0 0 3.209 1.849c.828.239 1.243-.11 1.08-.954-.142-.738-.262-1.482-.443-2.212a1 1 0 0 1 .334-1.093 17.656 17.656 0 0 0 2.758-3.34c.821-1.272 1.265-2.642.954-4.171-.083-.418.063-.506.451-.506 4.18.012 8.363 0 12.544.012 1.708 0 3.242.477 4.435 1.782 1.29 1.42 1.484 3.102 1.336 4.94-.095 1.176-.522 1.791-1.732 2.147-1.489.434-2.878 1.21-4.309 1.837-.17.1-.363.157-.56.165z"&gt;&lt;/path&gt;&lt;path fill="#FEFEFE" d="M14.94 15.307c-.871-.3-1.477-.87-2.088-1.431-.318-.291-.685-.477-1.129-.392-1.88.404-3.219-.587-4.4-1.806-1.479-1.53-2.2-3.426-1.892-5.538.33-2.25 2.699-4.328 4.99-4.56 1.838-.206 3.7.034 5.425.702 2.83 1.107 3.775 3.844 2.207 6.442a15.454 15.454 0 0 1-3.102 3.656.992.992 0 0 0-.367 1.143c.153.56.231 1.147.356 1.784z"&gt;&lt;/path&gt;&lt;path fill="#06F" d="M35.01 38.244a128.668 128.668 0 0 0-.763-7.824 60.35 60.35 0 0 0-.527-3.464.584.584 0 0 1 .324-.716c.842-.52 1.67-1.062 2.51-1.59.146-.09.296-.295.463-.197.167.098.088.36.064.544-.226 1.652-.455 3.299-.687 4.939-.362 2.507-.73 5.014-1.105 7.523a1.38 1.38 0 0 1-.279.785z"&gt;&lt;/path&gt;&lt;path fill="#B7B7B6" d="M37.792 17.19c-.238-.239-.353-.392-.303-.6 0-.03.13-.073.139-.061a.98.98 0 0 1 .164.66z"&gt;&lt;/path&gt;&lt;path fill="#121212" d="M20.92 27.309c.025.954-.488 1.479-1.43 1.5-.943.022-1.633-.615-1.64-1.56-.007-.945.697-1.53 1.804-1.546.9-.012 1.231.42 1.267 1.606z"&gt;&lt;/path&gt;&lt;path fill="#444" d="M11.938 5.575c.172-.137.35-.265.537-.382a.804.804 0 0 1 1.178.294c.378.652.654 1.358.816 2.094.1.38-.176.432-.43.492-.252.06-.522.112-.6-.265-.094-.444-.172-.895-.308-1.329-.079-.255-.131-.656-.563-.518-.396.124-.477.416-.31.802.183.44.312.897.491 1.336.217.535-.2.623-.518.728-.317.105-.749.339-.93-.239a33.209 33.209 0 0 1-.897-3.567c-.098-.477.26-.553.584-.651.325-.098.575-.045.673.348.072.289.074.6.277.857zM9.266 9.09l.954-.356c.191-.067.356-.048.442.165a.32.32 0 0 1-.047.376.322.322 0 0 1-.11.077 9.983 9.983 0 0 1-2.172.775c-.446.093-.675-.238-.525-.715.22-.697.477-1.38.733-2.09-.332-.077-.616.095-.912.166-.186.046-.358.074-.453-.143a.354.354 0 0 1 .179-.5c.67-.302 1.4-.445 2.133-.42.415.018.551.338.422.737-.196.591-.398 1.188-.644 1.927zm6.461-1.544c-.289.043-.458-.096-.55-.39-.15-.477-.238-.954-.355-1.43-.152-.597.208-.74.626-.862.46-.136.57.212.684.537.115.324.253.715.377 1.059.25.704-.002 1.064-.782 1.086z"&gt;&lt;/path&gt;&lt;path fill="#4A4B4A" d="M15.037 3.055a.77.77 0 0 1 .75.77.728.728 0 0 1-.779.745.716.716 0 0 1-.741-.751c.028-.485.324-.707.77-.764z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/div&gt;&lt;div class="Question-mainColumnLoginContent"&gt;&lt;div class="Question-mainColumnLoginTitle"&gt;登录后你可以&lt;/div&gt;&lt;div class="Question-mainColumnLoginDes"&gt;&lt;span class="Question-mainColumnLoginDesIcon"&gt;&lt;svg width="14" height="14" viewBox="0 0 14 14" fill="none"&gt;&lt;mask id="id-628033106-a" width="14" height="14" x="0" y="0" maskUnits="userSpaceOnUse"&gt;&lt;path fill="#fff" fill-rule="evenodd" d="M.001.014h13.985V14H.001V.014z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/mask&gt;&lt;g mask="url(#id-628033106-a)"&gt;&lt;path fill="#121212" fill-rule="evenodd" d="M2.543 8.278a.636.636 0 0 1 0 1.272h-.636A1.907 1.907 0 0 1 0 7.643V1.92C0 .868.854.014 1.907.014H7.63c1.053 0 1.907.854 1.907 1.907v.636a.636.636 0 0 1-1.271 0V1.92a.636.636 0 0 0-.636-.636H1.907a.636.636 0 0 0-.636.636v5.722c0 .35.285.635.636.635h.636zm3.814-3.814h5.722c1.053 0 1.907.854 1.907 1.907v5.722A1.907 1.907 0 0 1 12.08 14H6.357a1.907 1.907 0 0 1-1.907-1.907V6.37c0-1.053.854-1.907 1.907-1.907zm0 1.271a.636.636 0 0 0-.635.636v5.722c0 .35.284.636.635.636h5.722a.636.636 0 0 0 .636-.636V6.37a.636.636 0 0 0-.636-.636H6.357z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/svg&gt;不限量看优质回答&lt;/span&gt;&lt;span class="Question-mainColumnLoginDesIcon"&gt;&lt;svg width="15" height="14" viewBox="0 0 15 14" fill="none"&gt;&lt;path fill="#121212" fill-rule="evenodd" d="M3.55 14c-.106 0-.159 0-.265-.053a.583.583 0 0 1-.318-.53v-2.225H.954A.95.95 0 0 1 0 10.238V.965A.95.95 0 0 1 .954.01h12.982a.95.95 0 0 1 .954.954v9.273a.95.95 0 0 1-.954.954H7.418l-3.497 2.702c-.106.053-.212.106-.37.106zm-2.49-3.921h2.437c.318 0 .53.212.53.53v1.854l2.914-2.225c.106-.053.212-.106.318-.106h6.518V1.124H1.06v8.955z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;path fill="#121212" fill-rule="evenodd" d="M3.709 4.515h7.948v-1.06H3.71v1.06zm0 3.18h4.239v-1.06H3.709v1.06z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;私信答主深度交流&lt;/span&gt;&lt;span class="Question-mainColumnLoginDesIcon"&gt;&lt;svg width="16" height="16" viewBox="0 0 16 16" fill="none"&gt;&lt;mask id="id-95574191-a" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse"&gt;&lt;path fill="#fff" fill-rule="evenodd" d="M.001.016h15.983V16H.001V.016z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/mask&gt;&lt;g mask="url(#id-95574191-a)"&gt;&lt;path fill="#121212" fill-rule="evenodd" d="M7.992.016C3.585.016 0 3.6 0 8.008a7.96 7.96 0 0 0 1.344 4.435.521.521 0 0 0 .867-.58 6.915 6.915 0 0 1-1.169-3.855 6.958 6.958 0 0 1 6.95-6.95 6.958 6.958 0 0 1 6.95 6.95 6.958 6.958 0 0 1-6.95 6.95 6.917 6.917 0 0 1-3.865-1.175.522.522 0 0 0-.58.866A7.956 7.956 0 0 0 7.992 16c4.407 0 7.992-3.585 7.992-7.992S12.4.016 7.992.016zM5.046 8.368c-.221 0-.332-.096-.332-.29V7.29c0-.216.111-.323.332-.323h2.167a4.28 4.28 0 0 1-.394 1.401H5.046zm3.14-1.401h2.746a.47.47 0 0 1 .28.071c.058.041.086.125.086.252v.845c0 .155-.12.233-.366.233H7.873a8.4 8.4 0 0 0 .314-1.401zm-2.964 3.316c-.386.266-.945.508-1.677.727v.822c.301-.032.542-.069.722-.11a4.708 4.708 0 0 0 1.63-.774c.558-.409 1.07-.976 1.54-1.701h.712v1.615c0 .33.098.572.294.727.178.143.404.214.68.214h3.206V10.9H9.426c-.126 0-.218-.023-.275-.07-.054-.045-.079-.142-.076-.29l.005-1.293h2.166a.98.98 0 0 0 .703-.261c.155-.149.233-.376.233-.68V7.03c0-.311-.085-.545-.256-.704-.105-.098-.268-.172-.49-.223l.252-.58c.073-.168.11-.308.11-.422a.823.823 0 0 0-.276-.608c-.187-.187-.444-.28-.77-.28h-5.14l.137-.47h-.893c-.161.449-.327.778-.498.987-.206.257-.447.412-.723.466v.907a2.96 2.96 0 0 0 .908-.404 3 3 0 0 0 .622-.608h5.221c.188 0 .304.013.352.038.073.038.109.092.109.162s-.03.175-.095.318l-.21.46H5.09c-.478 0-.805.083-.983.248-.187.177-.28.43-.28.76V8.26c0 .491.202.804.607.94.096.032.288.048.576.048h1.287c-.37.46-.728.805-1.074 1.036z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/svg&gt;精彩内容一键收藏&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="Question-mainColumnLoginRightButton"&gt;&lt;div&gt;&lt;button type="button" class="Button Question-mainColumnLoginButton FEfUrdfMIKpQDJDqkjte"&gt;登录&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="Card ViewAll"&gt;&lt;a href="/question/282715644" class="QuestionMainAction ViewAll-QuestionMainAction" data-za-detail-view-element_name="ViewAll"&gt;查看全部 200 个回答&lt;/a&gt;&lt;/div&gt;&lt;div class="Card AnswerCard css-0"&gt;&lt;div class="QuestionAnswer-content" tabindex="0"&gt;&lt;div&gt;&lt;div class="ContentItem AnswerItem" data-zop="{&amp;quot;authorName&amp;quot;:&amp;quot;峥小蜜&amp;quot;,&amp;quot;itemId&amp;quot;:3166635147,&amp;quot;title&amp;quot;:&amp;quot;人工智能那么火~如今AI的应用场景都有哪些？&amp;quot;,&amp;quot;type&amp;quot;:&amp;quot;answer&amp;quot;}" name="3166635147" itemProp="mainEntityOfPage" itemType="http://schema.org/Answer" itemscope=""&gt;&lt;div class="ContentItem-meta"&gt;&lt;div class="AuthorInfo AnswerItem-authorInfo AnswerItem-authorInfo--related" itemProp="author" itemscope="" itemType="http://schema.org/Person"&gt;&lt;div class="AuthorInfo"&gt;&lt;meta itemProp="name" content="峥小蜜"/&gt;&lt;meta itemProp="image" content="https://picx.zhimg.com/v2-c36e4886bd78ed6083bd4ca6971f1177_l.jpg?source=2c26e567"/&gt;&lt;meta itemProp="url" content="https://www.zhihu.com/people/tan-zheng-zheng-68"/&gt;&lt;meta itemProp="zhihu:followerCount"/&gt;&lt;span class="UserLink AuthorInfo-avatarWrapper"&gt;&lt;a href="//www.zhihu.com/people/tan-zheng-zheng-68" target="_blank" class="UserLink-link" data-za-detail-view-element_name="User"&gt;&lt;style data-emotion-css="icip60"&gt;.css-icip60{border-radius:2px;}&lt;/style&gt;&lt;style data-emotion-css="1hx3fyn"&gt;.css-1hx3fyn{box-sizing:border-box;margin:0;min-width:0;max-width:100%;height:auto;background-color:#ffffff;width:38px;height:38px;border-radius:2px;}&lt;/style&gt;&lt;img class="Avatar AuthorInfo-avatar css-1hx3fyn" src="https://picx.zhimg.com/v2-c36e4886bd78ed6083bd4ca6971f1177_l.jpg?source=2c26e567" srcSet="https://picx.zhimg.com/v2-c36e4886bd78ed6083bd4ca6971f1177_l.jpg?source=2c26e567 2x" alt="峥小蜜"/&gt;&lt;/a&gt;&lt;/span&gt;&lt;div class="AuthorInfo-content"&gt;&lt;div class="AuthorInfo-head"&gt;&lt;span class="UserLink AuthorInfo-name"&gt;&lt;a href="//www.zhihu.com/people/tan-zheng-zheng-68" target="_blank" class="UserLink-link" data-za-detail-view-element_name="User"&gt;峥小蜜&lt;/a&gt;&lt;style data-emotion-css="1cd9gw4"&gt;.css-1cd9gw4{margin-left:.3em;}&lt;/style&gt;&lt;style data-emotion-css="4gq0sj"&gt;.css-4gq0sj{box-sizing:border-box;margin:0;min-width:0;color:#09408e;display:inline-block;margin-left:.3em;}&lt;/style&gt;&lt;a href="https://www.zhihu.com/question/48510028" target="_blank" class="css-4gq0sj" aria-label="作者， 代表作《透视汽车会“跑”的奥秘》" data-tooltip="作者， 代表作《透视汽车会“跑”的奥秘》"&gt;&lt;style data-emotion-css="18biwo"&gt;.css-18biwo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}&lt;/style&gt;&lt;span class="css-18biwo"&gt;​&lt;style data-emotion-css="1ifz0go"&gt;.css-1ifz0go{overflow:visible!important;}&lt;/style&gt;&lt;svg viewBox="0 0 24 24" class="css-1ifz0go" width="18" height="18"&gt;&lt;defs&gt;&lt;linearGradient id="biz-badges-blue" x1="0" y1="0" x2="100%" y2="73.32%"&gt;&lt;stop offset="15%" stop-color="#47D3FF"&gt;&lt;/stop&gt;&lt;stop offset="81.54%" stop-color="#4A7DFF"&gt;&lt;/stop&gt;&lt;/linearGradient&gt;&lt;/defs&gt;&lt;svg viewBox="0 0 24 24" x="-3" y="-3" fill="#ffffff" width="30" height="30"&gt;&lt;path d="M3.56231227,13.8535307 C2.40051305,12.768677 2.41398885,11.0669203 3.59484487,9.99979213 L3.59222085,9.99654885 C4.26730143,9.45036719 4.79446755,8.21005186 4.7184197,7.34453784 L4.72305873,7.34412719 C4.66942824,5.75539997 5.8824188,4.56066914 7.47188965,4.64242381 L7.47229112,4.6386236 C8.33515314,4.72977993 9.58467253,4.22534048 10.1426329,3.55925173 L10.1462611,3.56228565 C11.2316055,2.40008701 12.9353108,2.41394456 14.0015072,3.59634088 L14.0047263,3.59374004 C14.5498229,4.26841874 15.7896857,4.79521622 16.6545744,4.71844347 L16.6549836,4.72304294 C18.245027,4.66894057 19.4396947,5.88213996 19.3575031,7.47241135 L19.3623099,7.47292747 C19.2704388,8.3358681 19.7742711,9.58421483 20.4407199,10.1424506 L20.437686,10.1460789 C21.5997217,11.2312209 21.5860695,12.9345218 20.4042441,14.0007396 L20.4072865,14.0045125 C19.7325967,14.5495925 19.2055209,15.7896954 19.2815865,16.6561959 L19.2770449,16.6565978 C19.3315454,18.2453037 18.1173775,19.4393568 16.5274188,19.3571512 L16.5269029,19.3619539 C15.6647098,19.270083 14.415408,19.7741709 13.8573671,20.4403558 L13.8537409,20.4373235 C12.76842,21.5995708 11.0650432,21.5864553 9.99899434,20.4039226 L9.99527367,20.406923 C9.45025436,19.7323399 8.21017638,19.2051872 7.34461983,19.2812352 L7.344304,19.2776405 C5.75448683,19.3312904 4.55977145,18.1170085 4.64254978,16.527117 L4.63769921,16.5265942 C4.72957031,15.6644394 4.22547659,14.4151814 3.55928015,13.8571569 L3.56231227,13.8535307 Z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;path d="M2.63951518,13.3895441 C3.70763333,14.2842292 4.44777637,16.1226061 4.30075305,17.5023312 L4.32211542,17.3063047 C4.17509209,18.6910561 5.17786655,19.7063729 6.5613937,19.5844846 L6.364106,19.6008202 C7.75140298,19.4789319 9.57474349,20.2554985 10.4468305,21.3349009 L10.3224262,21.1803415 C11.1982831,22.2647703 12.6257916,22.2723098 13.5167278,21.2079863 L13.3898102,21.3600325 C14.2845162,20.2919393 16.1229361,19.5518136 17.5026934,19.6988334 L17.3054057,19.6774716 C18.6914461,19.8244915 19.7067866,18.8217404 19.5836389,17.4395022 L19.6012314,17.6367853 C19.4793403,16.2482641 20.255925,14.4249662 21.3353526,13.5528995 L21.1807897,13.677301 C22.2639871,12.8014646 22.2727834,11.3739894 21.2084351,10.483074 L21.3604848,10.6099886 C20.2923667,9.71530351 19.5522236,7.87818322 19.6992469,6.49720154 L19.6778846,6.69448464 C19.8249079,5.30847665 18.8221335,4.2944164 17.4386063,4.41630468 L17.635894,4.39871256 C16.248597,4.52185742 14.4252565,3.74529084 13.5531695,2.66588842 L13.6775738,2.81919121 C12.8017169,1.73601905 11.3742084,1.72722299 10.4832722,2.79154644 L10.6101898,2.63950024 C9.71548377,3.70759343 7.87706394,4.44771919 6.49730661,4.30195588 L6.69459432,4.32206116 C5.30855394,4.17504128 4.29447,5.17904888 4.41636114,6.56128713 L4.3987686,6.36400404 C4.52065973,7.75126861 3.74407501,9.57456653 2.66464737,10.4478898 L2.81921035,10.3222318 C1.73601288,11.1993248 1.72721662,12.6255433 2.79156494,13.5164587 L2.63951518,13.3895441 Z" fill="url(#biz-badges-blue)"&gt;&lt;/path&gt;&lt;svg class="Zi Zi--Check" fill="#fff" x="6" y="6" viewBox="0 0 24 24" width="12" height="12"&gt;&lt;path d="M10.229 17.516c-.318.327-.75.484-1.199.484-.453 0-.884-.16-1.202-.488l-4.335-4.47a1.77 1.77 0 0 1 .007-2.459 1.663 1.663 0 0 1 2.397.01l3.137 3.246 9.072-9.329a1.662 1.662 0 0 1 2.397 0c.663.681.663 1.786 0 2.466L10.23 17.516z" fill-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="AuthorInfo-detail"&gt;&lt;div class="AuthorInfo-badge"&gt;&lt;style data-emotion-css="14ur8a8"&gt;.css-14ur8a8.AuthorInfo-badgeText{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:490px;white-space:unset;}&lt;/style&gt;&lt;div class="ztext AuthorInfo-badgeText css-14ur8a8"&gt;作者， 代表作《透视汽车会“跑”的奥秘》&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;style data-emotion-css="upmq18"&gt;.css-upmq18{min-width:74px;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}&lt;/style&gt;&lt;button type="button" class="Button FollowButton css-upmq18 FEfUrdfMIKpQDJDqkjte Button--secondary Button--blue E211w_M7Hzs0GMB7BEyA JmYzaky7MEPMFcJDLNMG"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="ZDI ZDI--PlusFill24" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M13.25 3.25a1.25 1.25 0 1 0-2.5 0v7.5h-7.5a1.25 1.25 0 1 0 0 2.5h7.5v7.5a1.25 1.25 0 1 0 2.5 0v-7.5h7.5a1.25 1.25 0 0 0 0-2.5h-7.5v-7.5Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt; 关注&lt;/button&gt;&lt;style data-emotion-css="124ezq8"&gt;.css-124ezq8{position:absolute;bottom:0;right:0;width:1px;height:1px;}&lt;/style&gt;&lt;div class="css-124ezq8"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;meta itemProp="image"/&gt;&lt;meta itemProp="upvoteCount" content="544"/&gt;&lt;meta itemProp="url" content="https://www.zhihu.com/question/282715644/answer/3166635147"/&gt;&lt;meta itemProp="dateCreated" content="2023-08-15T08:56:23.000Z"/&gt;&lt;meta itemProp="dateModified" content="2024-01-19T14:56:33.000Z"/&gt;&lt;meta itemProp="commentCount" content="24"/&gt;&lt;div class="RichContent RichContent-hasCatalog RichContent--unescapable"&gt;&lt;span&gt;&lt;div class="RichContent-inner"&gt;&lt;style data-emotion-css="376mun"&gt;.css-376mun{position:relative;display:inline;}&lt;/style&gt;&lt;div class="css-376mun"&gt;&lt;style data-emotion-css="1dlndns"&gt;.css-1dlndns{position:absolute;left:NaNpx;top:0;}&lt;/style&gt;&lt;style data-emotion-css="ldd79s"&gt;.css-ldd79s{box-sizing:border-box;margin:0;min-width:0;position:absolute;left:NaNpx;top:0;}&lt;/style&gt;&lt;div class="css-ldd79s"&gt;&lt;/div&gt;&lt;style data-emotion-css="dg64xe"&gt;.css-dg64xe .FileLinkCard{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(248,248,250,0.88);border-radius:12px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1em auto;max-width:100%;overflow:hidden;padding:12px;position:relative;width:390px;}.css-dg64xe .FileLinkCard-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:30px;width:30px;}.css-dg64xe .FileLinkCard-info{margin-left:12px;}.css-dg64xe .FileLinkCard-name{color:#191B1F;font-size:15px;font-weight:500;line-height:21px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-dg64xe .FileLinkCard-meta{color:#9196a1;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin-top:5px;}.css-dg64xe .FileLinkCard-source{white-space:pre;}.css-dg64xe img[data-uncomfortable]{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20344.88888888888886%20194%22%3E%3CforeignObject%20width%3D%22344.88888888888886%22%20height%3D%22194%22%3E%0A%20%20%20%20%20%20%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22font-size%3A%2013px%3B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20Microsoft%20YaHei%2C%20sans-serif%3B%20color%3A%20%23fff%3B%20width%3A100%25%3B%20height%3A194px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20flex-direction%3A%20column%3B%20align-items%3A%20center%3B%20justify-content%3A%20center%3B%20height%3A%20100%25%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%203.65a7%207%200%2000-1.353.128.65.65%200%2011-.25-1.275A8.3%208.3%200%20018%202.35c2.387%200%204.172.954%205.357%202.125C14.511%205.615%2015.15%207.022%2015.15%208c0%20.621-.257%201.391-.699%202.134a7.076%207.076%200%2001-1.403%201.68l.495.46a.65.65%200%2011-.886.951l-.998-.929a.645.645%200%2001-.104-.097L9.73%2010.501a.647.647%200%2001-.29.301%203.15%203.15%200%2001-4.313-4.094.647.647%200%2001.234-.275L3.908%205.08a5.774%205.774%200%2000-1.283%201.522C2.282%207.198%202.15%207.707%202.15%208c0%20.522.41%201.616%201.407%202.6.965.954%202.43%201.75%204.443%201.75.468%200%20.905-.043%201.311-.12a.65.65%200%2001.243%201.277A8.322%208.322%200%20018%2013.65c-2.387%200-4.172-.954-5.357-2.125C1.49%2010.385.85%208.978.85%208c0-.598.238-1.333.648-2.046A7.054%207.054%200%20012.95%204.188l-.547-.509a.65.65%200%2011.886-.951l8.8%208.194a5.793%205.793%200%20001.244-1.453c.372-.624.516-1.163.516-1.469%200-.522-.41-1.616-1.407-2.6-.965-.954-2.43-1.75-4.443-1.75zM6.29%207.296a1.85%201.85%200%20002.534%202.36l-2.535-2.36zM8%204.85a.65.65%200%20100%201.3%201.85%201.85%200%20011.843%201.694.65.65%200%20101.296-.11A3.15%203.15%200%20008%204.85z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22margin%3A%20.6em%200%201.2em%22%3E%E8%AF%A5%E5%9B%BE%E7%89%87%E6%9C%89%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%BC%95%E8%B5%B7%E4%B8%8D%E9%80%82%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20style%3D%22padding%3A%204px%201em%3B%20font-size%3A%201.1em%3B%20color%3A%20inherit%3B%20background%3A%20none%3B%20border%3A%201px%20solid%20rgba%28255%2C255%2C255%2C.5%29%3B%20border-radius%3A%209999px%3B%22%3E%E7%BB%A7%E7%BB%AD%E6%9F%A5%E7%9C%8B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FforeignObject%3E%3C%2Fsvg%3E);width:100%;height:194px;background:url(https://pic1.zhimg.com/v2-cf70d0759d787c70091857151c1cad4a.jpeg) no-repeat rgba(191,191,191,0.7);background-size:cover;cursor:pointer!important;}.css-dg64xe img.content_image[data-size="normal"],.css-dg64xe img.origin_image[data-size="normal"]{width:100%;max-width:100%;}.css-dg64xe img.content_image[data-size="small"],.css-dg64xe img.origin_image[data-size="small"]{width:320px;max-width:100%;}&lt;/style&gt;&lt;style data-emotion-css="1vqsdx1"&gt;.css-1vqsdx1 .LinkCard.new{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:390px;min-height:84px;border-radius:8px;max-width:100%;overflow:hidden;margin:16px auto;padding:12px 12px 9px 12px;background-color:#f8f8fa;}.css-1vqsdx1 .LinkCard.new,.css-1vqsdx1 .LinkCard.new:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-1vqsdx1 .LinkCard.new .LinkCard-contents{display:block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;}.css-1vqsdx1 .LinkCard.new .LinkCard-contents .loading{height:14px;background:#ebeced;border-radius:7px;}.css-1vqsdx1 .LinkCard.new .LinkCard-contents.withTitle{margin-bottom:3px;}.css-1vqsdx1 .LinkCard.new .LinkCard-title{display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:2px;color:#191B1F;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-1vqsdx1 .LinkCard.new .LinkCard-title.two-line{line-height:20px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-1vqsdx1 .LinkCard.new .LinkCard-title.loading{margin-bottom:8px;width:80%;}.css-1vqsdx1 .LinkCard.new .LinkCard-title.loading.withTitle{margin-bottom:6px;}.css-1vqsdx1 .LinkCard.new .LinkCard-title.loadingTitle{margin-bottom:5px;}.css-1vqsdx1 .LinkCard.new .LinkCard-excerpt{display:-webkit-box;text-overflow:ellipsis;font-size:13px;line-height:18px;color:#9196a1;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-1vqsdx1 .LinkCard.new .LinkCard-excerpt .LinkCard-author{color:#373a40;}.css-1vqsdx1 .LinkCard.new .LinkCard-desc{display:-webkit-box;font-size:13px;height:18px;line-height:18px;color:#9196a1;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-1vqsdx1 .LinkCard.new .LinkCard-desc .LinkCard-tag,.css-1vqsdx1 .LinkCard.new .LinkCard-desc .tag{display:inline-block;font-size:11px;margin-left:8px;padding:0 4px;border-radius:3px;background:rgba(196,199,206,0.3);}.css-1vqsdx1 .LinkCard.new .LinkCard-desc.loading{width:40%;}.css-1vqsdx1 .LinkCard.new .LinkCard-desc svg{margin-right:2px;}.css-1vqsdx1 .LinkCard.new .LinkCard-image{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#ebeced;background-size:cover;background-position:center;position:relative;display:block;width:60px;height:60px;margin-left:20px;object-fit:cover;border-radius:inherit;overflow:hidden;}.css-1vqsdx1 .LinkCard.new .LinkCard-image.LinkCard-image--default{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#ebeced;color:#c4c7ce;}.css-1vqsdx1 .LinkCard.new .LinkCard-image.LinkCard-image--default svg{color:#9196a1;}.css-1vqsdx1 .LinkCard.new .LinkCard-image img{width:100%;height:100%;object-fit:cover;}.css-1vqsdx1 .LinkCard.new .LinkCard-image .LinkCard-image--video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,0.9);pointer-events:none;}.css-1vqsdx1 .LinkCard.new .LinkCard-image .LinkCard-image--video svg{color:#373a40;}.css-1vqsdx1 .LinkCard.new .LinkCard-richText .text{color:#373a40;}.css-1vqsdx1 .LinkCard.new .LinkCard-richText .bold{font-weight:600;}.css-1vqsdx1 .LinkCard.new .LinkCard-richText .tag{margin-left:4px;}.css-1vqsdx1 .LinkCard.old{position:relative;display:block;margin:1em auto;width:390px;box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden;}.css-1vqsdx1 .LinkCard.old,.css-1vqsdx1 .LinkCard.old:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-1vqsdx1 .LinkCard-ecommerceLoadingCard{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border-radius:inherit;height:80px;box-sizing:border-box;background:rgba(248,248,250,0.88);color:#c4c7ce;}.css-1vqsdx1 .LinkCard-ecommerceLoadingCardAvatarWrapper{width:60px;height:60px;background:#ebeced;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;margin-right:10px;}.css-1vqsdx1 .LinkCard-ecommerceLoadingCardNetwork{width:20px;height:20px;}.css-1vqsdx1 .LinkCard-ecommerceLoadingCardLoadingbar{height:60px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-1vqsdx1 .LinkCard-ecommerceLoadingCardLoadingbar span{height:16px;display:inline-block;background:#ebeced;}.css-1vqsdx1 .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(1){width:60px;margin-bottom:4px;}.css-1vqsdx1 .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(2){width:127px;}&lt;/style&gt;&lt;style data-emotion-css="yxro2d"&gt;.css-yxro2d .LinkCard.old{position:relative;display:block;margin:1em auto;width:390px;box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden;}.css-yxro2d .LinkCard.old,.css-yxro2d .LinkCard.old:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-yxro2d .LinkCard-ecommerceLoadingCard{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border-radius:inherit;height:80px;box-sizing:border-box;background:rgba(248,248,250,0.88);color:#c4c7ce;}.css-yxro2d .LinkCard-ecommerceLoadingCardAvatarWrapper{width:60px;height:60px;background:#ebeced;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;margin-right:10px;}.css-yxro2d .LinkCard-ecommerceLoadingCardNetwork{width:20px;height:20px;}.css-yxro2d .LinkCard-ecommerceLoadingCardLoadingbar{height:60px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-yxro2d .LinkCard-ecommerceLoadingCardLoadingbar span{height:16px;display:inline-block;background:#ebeced;}.css-yxro2d .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(1){width:60px;margin-bottom:4px;}.css-yxro2d .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(2){width:127px;}.css-yxro2d .LinkCard.new{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:390px;min-height:84px;border-radius:8px;max-width:100%;overflow:hidden;margin:16px auto;padding:12px 12px 9px 12px;background-color:#f8f8fa;}.css-yxro2d .LinkCard.new,.css-yxro2d .LinkCard.new:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-yxro2d .LinkCard.new .LinkCard-contents{display:block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;}.css-yxro2d .LinkCard.new .LinkCard-contents .loading{height:14px;background:#ebeced;border-radius:7px;}.css-yxro2d .LinkCard.new .LinkCard-contents.withTitle{margin-bottom:3px;}.css-yxro2d .LinkCard.new .LinkCard-title{display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:2px;color:#191B1F;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-yxro2d .LinkCard.new .LinkCard-title.two-line{line-height:20px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-yxro2d .LinkCard.new .LinkCard-title.loading{margin-bottom:8px;width:80%;}.css-yxro2d .LinkCard.new .LinkCard-title.loading.withTitle{margin-bottom:6px;}.css-yxro2d .LinkCard.new .LinkCard-title.loadingTitle{margin-bottom:5px;}.css-yxro2d .LinkCard.new .LinkCard-excerpt{display:-webkit-box;text-overflow:ellipsis;font-size:13px;line-height:18px;color:#9196a1;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-yxro2d .LinkCard.new .LinkCard-excerpt .LinkCard-author{color:#373a40;}.css-yxro2d .LinkCard.new .LinkCard-desc{display:-webkit-box;font-size:13px;height:18px;line-height:18px;color:#9196a1;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-yxro2d .LinkCard.new .LinkCard-desc .LinkCard-tag,.css-yxro2d .LinkCard.new .LinkCard-desc .tag{display:inline-block;font-size:11px;margin-left:8px;padding:0 4px;border-radius:3px;background:rgba(196,199,206,0.3);}.css-yxro2d .LinkCard.new .LinkCard-desc.loading{width:40%;}.css-yxro2d .LinkCard.new .LinkCard-desc svg{margin-right:2px;}.css-yxro2d .LinkCard.new .LinkCard-image{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#ebeced;background-size:cover;background-position:center;position:relative;display:block;width:60px;height:60px;margin-left:20px;object-fit:cover;border-radius:inherit;overflow:hidden;}.css-yxro2d .LinkCard.new .LinkCard-image.LinkCard-image--default{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#ebeced;color:#c4c7ce;}.css-yxro2d .LinkCard.new .LinkCard-image.LinkCard-image--default svg{color:#9196a1;}.css-yxro2d .LinkCard.new .LinkCard-image img{width:100%;height:100%;object-fit:cover;}.css-yxro2d .LinkCard.new .LinkCard-image .LinkCard-image--video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,0.9);pointer-events:none;}.css-yxro2d .LinkCard.new .LinkCard-image .LinkCard-image--video svg{color:#373a40;}.css-yxro2d .LinkCard.new .LinkCard-richText .text{color:#373a40;}.css-yxro2d .LinkCard.new .LinkCard-richText .bold{font-weight:600;}.css-yxro2d .LinkCard.new .LinkCard-richText .tag{margin-left:4px;}.css-yxro2d .FileLinkCard{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(248,248,250,0.88);border-radius:12px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1em auto;max-width:100%;overflow:hidden;padding:12px;position:relative;width:390px;}.css-yxro2d .FileLinkCard-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:30px;width:30px;}.css-yxro2d .FileLinkCard-info{margin-left:12px;}.css-yxro2d .FileLinkCard-name{color:#191B1F;font-size:15px;font-weight:500;line-height:21px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-yxro2d .FileLinkCard-meta{color:#9196a1;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin-top:5px;}.css-yxro2d .FileLinkCard-source{white-space:pre;}.css-yxro2d img[data-uncomfortable]{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20344.88888888888886%20194%22%3E%3CforeignObject%20width%3D%22344.88888888888886%22%20height%3D%22194%22%3E%0A%20%20%20%20%20%20%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22font-size%3A%2013px%3B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20Microsoft%20YaHei%2C%20sans-serif%3B%20color%3A%20%23fff%3B%20width%3A100%25%3B%20height%3A194px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20flex-direction%3A%20column%3B%20align-items%3A%20center%3B%20justify-content%3A%20center%3B%20height%3A%20100%25%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%203.65a7%207%200%2000-1.353.128.65.65%200%2011-.25-1.275A8.3%208.3%200%20018%202.35c2.387%200%204.172.954%205.357%202.125C14.511%205.615%2015.15%207.022%2015.15%208c0%20.621-.257%201.391-.699%202.134a7.076%207.076%200%2001-1.403%201.68l.495.46a.65.65%200%2011-.886.951l-.998-.929a.645.645%200%2001-.104-.097L9.73%2010.501a.647.647%200%2001-.29.301%203.15%203.15%200%2001-4.313-4.094.647.647%200%2001.234-.275L3.908%205.08a5.774%205.774%200%2000-1.283%201.522C2.282%207.198%202.15%207.707%202.15%208c0%20.522.41%201.616%201.407%202.6.965.954%202.43%201.75%204.443%201.75.468%200%20.905-.043%201.311-.12a.65.65%200%2001.243%201.277A8.322%208.322%200%20018%2013.65c-2.387%200-4.172-.954-5.357-2.125C1.49%2010.385.85%208.978.85%208c0-.598.238-1.333.648-2.046A7.054%207.054%200%20012.95%204.188l-.547-.509a.65.65%200%2011.886-.951l8.8%208.194a5.793%205.793%200%20001.244-1.453c.372-.624.516-1.163.516-1.469%200-.522-.41-1.616-1.407-2.6-.965-.954-2.43-1.75-4.443-1.75zM6.29%207.296a1.85%201.85%200%20002.534%202.36l-2.535-2.36zM8%204.85a.65.65%200%20100%201.3%201.85%201.85%200%20011.843%201.694.65.65%200%20101.296-.11A3.15%203.15%200%20008%204.85z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22margin%3A%20.6em%200%201.2em%22%3E%E8%AF%A5%E5%9B%BE%E7%89%87%E6%9C%89%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%BC%95%E8%B5%B7%E4%B8%8D%E9%80%82%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20style%3D%22padding%3A%204px%201em%3B%20font-size%3A%201.1em%3B%20color%3A%20inherit%3B%20background%3A%20none%3B%20border%3A%201px%20solid%20rgba%28255%2C255%2C255%2C.5%29%3B%20border-radius%3A%209999px%3B%22%3E%E7%BB%A7%E7%BB%AD%E6%9F%A5%E7%9C%8B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FforeignObject%3E%3C%2Fsvg%3E);width:100%;height:194px;background:url(https://pic1.zhimg.com/v2-cf70d0759d787c70091857151c1cad4a.jpeg) no-repeat rgba(191,191,191,0.7);background-size:cover;cursor:pointer!important;}.css-yxro2d img.content_image[data-size="normal"],.css-yxro2d img.origin_image[data-size="normal"]{width:100%;max-width:100%;}.css-yxro2d img.content_image[data-size="small"],.css-yxro2d img.origin_image[data-size="small"]{width:320px;max-width:100%;}&lt;/style&gt;&lt;style data-emotion-css="jflero animation-1yvu044"&gt;.css-jflero{word-break:break-word;line-height:1.6;}.css-jflero &gt; [data-first-child]{margin-top:0;}.css-jflero &gt; :last-child{margin-bottom:0;}.css-jflero h1,.css-jflero h2{clear:left;margin-top:calc((1.4em * 2) / 1.2);margin-bottom:calc(1.4em / 1.2);font-size:1.2em;line-height:1.5;font-weight:600;}.css-jflero h3,.css-jflero h4,.css-jflero h5,.css-jflero h6{clear:left;margin-top:calc((1.4em * 1.5) / 1.1);margin-bottom:calc(1.4em / 1.1);font-size:1.1em;line-height:1.5;font-weight:600;}.css-jflero u{-webkit-text-decoration:none;text-decoration:none;border-bottom:1px solid #373a40;}.css-jflero b{font-weight:600;}.css-jflero sup{font-size:0.8em;}.css-jflero sup[data-draft-type='reference']{color:#09408e;}.css-jflero a:focus{outline:none;-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;}html[data-focus-visible] .css-jflero a:focus{box-shadow:0 0 0 2px #ffffff,0 0 0 4px rgba(23,114,246,0.3);}.css-jflero a.ztext-link,.css-jflero a.internal,.css-jflero a.external{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-bottom:1px solid #81858f;}.css-jflero a.ztext-link:hover,.css-jflero a.internal:hover,.css-jflero a.external:hover{color:#09408e;border-bottom:1px solid #09408e;}.css-jflero a.ztext-link &gt; .ellipsis::after,.css-jflero a.internal &gt; .ellipsis::after,.css-jflero a.external &gt; .ellipsis::after{content:'...';}.css-jflero a.ztext-link &gt; .invisible,.css-jflero a.internal &gt; .invisible,.css-jflero a.external &gt; .invisible{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;}.css-jflero a.ztext-link u,.css-jflero a.internal u,.css-jflero a.external u{border:none;}.css-jflero a.member_mention{color:#09408e;}.css-jflero a.member_mention:hover{border-bottom:1px solid #09408e;}.css-jflero a.UserLink-link{color:#09408e;}.css-jflero a.UserLink-link:hover{border-bottom:1px solid #09408e;}.css-jflero p{margin:1.4em 0;}.css-jflero p.ztext-empty-paragraph{margin:calc((2.8em- (1.4em * 2 + 1.6em)) / 2) 0;}.css-jflero p.ztext-empty-paragraph + .ztext-empty-paragraph{margin:1.4em 0;}.css-jflero hr{margin:4em auto;width:240px;max-width:100%;border:none;border-top:1px solid #c4c7ce;}.css-jflero img[eeimg]{max-width:100%;vertical-align:middle;}.css-jflero img[eeimg="1"]{margin:0 3px;max-width:calc(100% - 6px);display:inline-block;}.css-jflero img[eeimg="2"]{margin:1.4em auto;display:block;}.css-jflero blockquote{margin:1.4em 0;padding-left:1em;color:#535861;border-left:3px solid #c4c7ce;}.css-jflero ol,.css-jflero ul{margin:1.4em 0;padding:0;width:100%;}.css-jflero ol ol,.css-jflero ul ol,.css-jflero ol ul,.css-jflero ul ul{margin:0;}.css-jflero ol li::before,.css-jflero ul li::before{width:1em;}.css-jflero ol &gt; ol,.css-jflero ul &gt; ol,.css-jflero ol &gt; ul,.css-jflero ul &gt; ul{padding-left:1em;box-sizing:border-box;}.css-jflero ul&gt;li{display:table;width:100%;list-style:none;}.css-jflero ul&gt;li::before{display:table-cell;content:'•  ';white-space:pre;}.css-jflero ol{counter-reset:ol;}.css-jflero ol &gt; li{display:table;width:100%;list-style:none;}.css-jflero ol &gt; li::before{display:table-cell;text-align:right;counter-increment:ol;content:counter(ol) '. ';white-space:pre;}.css-jflero ol ol{counter-reset:ol2;}.css-jflero ol ol li::before{counter-increment:ol2;content:counter(ol2) '. ';}.css-jflero ol ol ol{counter-reset:ol3;}.css-jflero ol ol ol li::before{counter-increment:ol3;content:counter(ol3) '. ';}.css-jflero ol ol ol ol{counter-reset:ol4;}.css-jflero ol ol ol ol li::before{counter-increment:ol4;content:counter(ol4) '. ';}.css-jflero figure{margin:1.4em 0;}.css-jflero figure .content_image,.css-jflero figure .origin_image{margin:0 auto;}.css-jflero figure figcaption{margin-top:calc(0.6em / 0.9);padding:0 1em;font-size:0.9em;line-height:1.5;text-align:center;color:#9196a1;}.css-jflero figure + figure{margin-top:calc(1.4em * 1.6);}.css-jflero figure[data-size='small'],.css-jflero figure:not([data-size]) &gt; [data-size='small']{clear:both;}.css-jflero figure[data-size='left'],.css-jflero figure:not([data-size]) &gt; [data-size='left']{float:left;margin:0 20px 20px 0;max-width:33%;}.css-jflero figure[data-size='right'],.css-jflero figure:not([data-size]) &gt; [data-size='right']{float:right;margin:0 0 20px 20px;max-width:33%;}.css-jflero figure[data-size='collapse']{margin-bottom:0;}.css-jflero figure[data-size='collapse'] + figure{margin-top:0;}.css-jflero .content_image,.css-jflero .origin_image{display:block;max-width:100%;height:auto;margin:1.4em auto;}.css-jflero .content_image[data-size='small'],.css-jflero .origin_image[data-size='small']{max-width:40%;}.css-jflero .content_image.zh-lightbox-thumb,.css-jflero .origin_image.zh-lightbox-thumb{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}.css-jflero code{margin:0 2px;padding:3px 4px;border-radius:3px;font-family:Menlo,Monaco,Consolas,'Andale Mono','lucida console','Courier New',monospace;font-size:0.9em;background-color:#f8f8fa;}.css-jflero pre{margin:1.4em 0;padding:calc(0.8em / 0.9);font-size:0.9em;word-break:initial;word-wrap:initial;white-space:pre;overflow:auto;-webkit-overflow-scrolling:touch;background:#f8f8fa;border-radius:4px;}.css-jflero pre code{margin:0;padding:0;font-size:inherit;border-radius:0;background-color:inherit;}.css-jflero li pre{white-space:pre-wrap;}.css-jflero table[data-draft-type='table']{border-collapse:collapse;font-size:15px;margin:1.4em auto;max-width:100%;table-layout:fixed;text-align:left;width:100%;}.css-jflero table[data-draft-type='table'][data-size='small']{min-width:260px;width:40%;}.css-jflero table[data-draft-type='table'][data-row-style='striped'] tr:nth-of-type(2n + 1){background:#f8f8fa;}.css-jflero table[data-draft-type='table'] td,.css-jflero table[data-draft-type='table'] th{border:1px solid #c4c7ce;line-height:24px;height:24px;padding:3px 12px;}.css-jflero table[data-draft-type='table'] th{background:#ebeced;color:#191B1F;font-weight:500;}.css-jflero .video-box,.css-jflero .link-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:1.4em 0;overflow:auto;white-space:normal;cursor:pointer;border:solid 1px #ebeced;border-radius:4px;}.css-jflero .lazy[data-lazy-status]{background-color:#f8f8fa;}.css-jflero .lazy[data-lazy-status="ok"]{background-color:transparent;-webkit-animation:animation-1yvu044 0.5s ease-in;animation:animation-1yvu044 0.5s ease-in;}.css-jflero .highlight{margin:1em 0;}.css-jflero .highlight pre{margin:0;}.css-jflero .highlight .hll{background-color:#f8f8fa;}.css-jflero .highlight .c{font-style:italic;color:#9196a1;}.css-jflero .highlight .err{color:#D95350;}.css-jflero .highlight .k{font-weight:600;}.css-jflero .highlight .o{font-weight:600;}.css-jflero .highlight .cm{font-style:italic;color:#9196a1;}.css-jflero .highlight .cp{font-weight:600;color:#9196a1;}.css-jflero .highlight .c1{font-style:italic;color:#9196a1;}.css-jflero .highlight .cs{font-style:italic;font-weight:600;color:#9196a1;}.css-jflero .highlight .gd{color:#F05159;}.css-jflero .highlight .ge{font-style:italic;}.css-jflero .highlight .gr{color:#D95350;}.css-jflero .highlight .gh{color:#9196a1;}.css-jflero .highlight .gi{color:#12b370;}.css-jflero .highlight .go{color:#81858f;}.css-jflero .highlight .gp{color:#535861;}.css-jflero .highlight .gs{font-weight:600;}.css-jflero .highlight .gu{color:#9196a1;}.css-jflero .highlight .gt{color:#D95350;}.css-jflero .highlight .kc{font-weight:600;}.css-jflero .highlight .kd{font-weight:600;}.css-jflero .highlight .kn{font-weight:600;}.css-jflero .highlight .kp{font-weight:600;}.css-jflero .highlight .kr{font-weight:600;}.css-jflero .highlight .kt{font-weight:600;color:#09408e;}.css-jflero .highlight .m{color:#1772F6;}.css-jflero .highlight .s{color:#D95350;}.css-jflero .highlight .na{color:#1772F6;}.css-jflero .highlight .nb{color:#1772F6;}.css-jflero .highlight .nc{font-weight:600;color:#09408e;}.css-jflero .highlight .no{color:#1772F6;}.css-jflero .highlight .ni{color:#6A5FF3;}.css-jflero .highlight .ne{font-weight:600;color:#D95350;}.css-jflero .highlight .nf{font-weight:600;color:#D95350;}.css-jflero .highlight .nn{color:#535861;}.css-jflero .highlight .nt{color:#09408e;}.css-jflero .highlight .nv{color:#1772F6;}.css-jflero .highlight .ow{font-weight:600;}.css-jflero .highlight .w{color:#adb1b7;}.css-jflero .highlight .mf{color:#1772F6;}.css-jflero .highlight .mh{color:#1772F6;}.css-jflero .highlight .mi{color:#1772F6;}.css-jflero .highlight .mo{color:#1772F6;}.css-jflero .highlight .sb{color:#D95350;}.css-jflero .highlight .sc{color:#D95350;}.css-jflero .highlight .sd{color:#D95350;}.css-jflero .highlight .s2{color:#D95350;}.css-jflero .highlight .se{color:#D95350;}.css-jflero .highlight .sh{color:#D95350;}.css-jflero .highlight .si{color:#D95350;}.css-jflero .highlight .sx{color:#D95350;}.css-jflero .highlight .sr{color:#A5542F;}.css-jflero .highlight .s1{color:#D95350;}.css-jflero .highlight .ss{color:#D95350;}.css-jflero .highlight .bp{color:#9196a1;}.css-jflero .highlight .vc{color:#1772F6;}.css-jflero .highlight .vg{color:#1772F6;}.css-jflero .highlight .vi{color:#1772F6;}.css-jflero .highlight .il{color:#1772F6;}.css-jflero .highlight::-webkit-scrollbar{width:6px;height:6px;}.css-jflero .highlight::-webkit-scrollbar-thumb:horizontal{background-color:rgba(25,27,31,0.5);border-radius:6px;}.css-jflero .highlight::-webkit-scrollbar-thumb:horizontal:hover{background-color:rgba(25,27,31,0.6);}.css-jflero .LinkCard.old{position:relative;display:block;margin:1em auto;width:390px;box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden;}.css-jflero .LinkCard.old,.css-jflero .LinkCard.old:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-jflero .LinkCard-ecommerceLoadingCard{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border-radius:inherit;height:80px;box-sizing:border-box;background:rgba(248,248,250,0.88);color:#c4c7ce;}.css-jflero .LinkCard-ecommerceLoadingCardAvatarWrapper{width:60px;height:60px;background:#ebeced;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;margin-right:10px;}.css-jflero .LinkCard-ecommerceLoadingCardNetwork{width:20px;height:20px;}.css-jflero .LinkCard-ecommerceLoadingCardLoadingbar{height:60px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-jflero .LinkCard-ecommerceLoadingCardLoadingbar span{height:16px;display:inline-block;background:#ebeced;}.css-jflero .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(1){width:60px;margin-bottom:4px;}.css-jflero .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(2){width:127px;}.css-jflero .LinkCard.new{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:390px;min-height:84px;border-radius:8px;max-width:100%;overflow:hidden;margin:16px auto;padding:12px 12px 9px 12px;background-color:#f8f8fa;}.css-jflero .LinkCard.new,.css-jflero .LinkCard.new:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-jflero .LinkCard.new .LinkCard-contents{display:block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;}.css-jflero .LinkCard.new .LinkCard-contents .loading{height:14px;background:#ebeced;border-radius:7px;}.css-jflero .LinkCard.new .LinkCard-contents.withTitle{margin-bottom:3px;}.css-jflero .LinkCard.new .LinkCard-title{display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:2px;color:#191B1F;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-jflero .LinkCard.new .LinkCard-title.two-line{line-height:20px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-jflero .LinkCard.new .LinkCard-title.loading{margin-bottom:8px;width:80%;}.css-jflero .LinkCard.new .LinkCard-title.loading.withTitle{margin-bottom:6px;}.css-jflero .LinkCard.new .LinkCard-title.loadingTitle{margin-bottom:5px;}.css-jflero .LinkCard.new .LinkCard-excerpt{display:-webkit-box;text-overflow:ellipsis;font-size:13px;line-height:18px;color:#9196a1;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-jflero .LinkCard.new .LinkCard-excerpt .LinkCard-author{color:#373a40;}.css-jflero .LinkCard.new .LinkCard-desc{display:-webkit-box;font-size:13px;height:18px;line-height:18px;color:#9196a1;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-jflero .LinkCard.new .LinkCard-desc .LinkCard-tag,.css-jflero .LinkCard.new .LinkCard-desc .tag{display:inline-block;font-size:11px;margin-left:8px;padding:0 4px;border-radius:3px;background:rgba(196,199,206,0.3);}.css-jflero .LinkCard.new .LinkCard-desc.loading{width:40%;}.css-jflero .LinkCard.new .LinkCard-desc svg{margin-right:2px;}.css-jflero .LinkCard.new .LinkCard-image{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#ebeced;background-size:cover;background-position:center;position:relative;display:block;width:60px;height:60px;margin-left:20px;object-fit:cover;border-radius:inherit;overflow:hidden;}.css-jflero .LinkCard.new .LinkCard-image.LinkCard-image--default{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#ebeced;color:#c4c7ce;}.css-jflero .LinkCard.new .LinkCard-image.LinkCard-image--default svg{color:#9196a1;}.css-jflero .LinkCard.new .LinkCard-image img{width:100%;height:100%;object-fit:cover;}.css-jflero .LinkCard.new .LinkCard-image .LinkCard-image--video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,0.9);pointer-events:none;}.css-jflero .LinkCard.new .LinkCard-image .LinkCard-image--video svg{color:#373a40;}.css-jflero .LinkCard.new .LinkCard-richText .text{color:#373a40;}.css-jflero .LinkCard.new .LinkCard-richText .bold{font-weight:600;}.css-jflero .LinkCard.new .LinkCard-richText .tag{margin-left:4px;}.css-jflero .FileLinkCard{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(248,248,250,0.88);border-radius:12px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1em auto;max-width:100%;overflow:hidden;padding:12px;position:relative;width:390px;}.css-jflero .FileLinkCard-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:30px;width:30px;}.css-jflero .FileLinkCard-info{margin-left:12px;}.css-jflero .FileLinkCard-name{color:#191B1F;font-size:15px;font-weight:500;line-height:21px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-jflero .FileLinkCard-meta{color:#9196a1;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin-top:5px;}.css-jflero .FileLinkCard-source{white-space:pre;}.css-jflero img[data-uncomfortable]{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20344.88888888888886%20194%22%3E%3CforeignObject%20width%3D%22344.88888888888886%22%20height%3D%22194%22%3E%0A%20%20%20%20%20%20%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22font-size%3A%2013px%3B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20Microsoft%20YaHei%2C%20sans-serif%3B%20color%3A%20%23fff%3B%20width%3A100%25%3B%20height%3A194px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20flex-direction%3A%20column%3B%20align-items%3A%20center%3B%20justify-content%3A%20center%3B%20height%3A%20100%25%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%203.65a7%207%200%2000-1.353.128.65.65%200%2011-.25-1.275A8.3%208.3%200%20018%202.35c2.387%200%204.172.954%205.357%202.125C14.511%205.615%2015.15%207.022%2015.15%208c0%20.621-.257%201.391-.699%202.134a7.076%207.076%200%2001-1.403%201.68l.495.46a.65.65%200%2011-.886.951l-.998-.929a.645.645%200%2001-.104-.097L9.73%2010.501a.647.647%200%2001-.29.301%203.15%203.15%200%2001-4.313-4.094.647.647%200%2001.234-.275L3.908%205.08a5.774%205.774%200%2000-1.283%201.522C2.282%207.198%202.15%207.707%202.15%208c0%20.522.41%201.616%201.407%202.6.965.954%202.43%201.75%204.443%201.75.468%200%20.905-.043%201.311-.12a.65.65%200%2001.243%201.277A8.322%208.322%200%20018%2013.65c-2.387%200-4.172-.954-5.357-2.125C1.49%2010.385.85%208.978.85%208c0-.598.238-1.333.648-2.046A7.054%207.054%200%20012.95%204.188l-.547-.509a.65.65%200%2011.886-.951l8.8%208.194a5.793%205.793%200%20001.244-1.453c.372-.624.516-1.163.516-1.469%200-.522-.41-1.616-1.407-2.6-.965-.954-2.43-1.75-4.443-1.75zM6.29%207.296a1.85%201.85%200%20002.534%202.36l-2.535-2.36zM8%204.85a.65.65%200%20100%201.3%201.85%201.85%200%20011.843%201.694.65.65%200%20101.296-.11A3.15%203.15%200%20008%204.85z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22margin%3A%20.6em%200%201.2em%22%3E%E8%AF%A5%E5%9B%BE%E7%89%87%E6%9C%89%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%BC%95%E8%B5%B7%E4%B8%8D%E9%80%82%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20style%3D%22padding%3A%204px%201em%3B%20font-size%3A%201.1em%3B%20color%3A%20inherit%3B%20background%3A%20none%3B%20border%3A%201px%20solid%20rgba%28255%2C255%2C255%2C.5%29%3B%20border-radius%3A%209999px%3B%22%3E%E7%BB%A7%E7%BB%AD%E6%9F%A5%E7%9C%8B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2FforeignObject%3E%3C%2Fsvg%3E);width:100%;height:194px;background:url(https://pic1.zhimg.com/v2-cf70d0759d787c70091857151c1cad4a.jpeg) no-repeat rgba(191,191,191,0.7);background-size:cover;cursor:pointer!important;}.css-jflero img.content_image[data-size="normal"],.css-jflero img.origin_image[data-size="normal"]{width:100%;max-width:100%;}.css-jflero img.content_image[data-size="small"],.css-jflero img.origin_image[data-size="small"]{width:320px;max-width:100%;}@-webkit-keyframes animation-1yvu044{from{opacity:0;}to{opacity:1;}}@keyframes animation-1yvu044{from{opacity:0;}to{opacity:1;}}&lt;/style&gt;&lt;span class="RichText ztext CopyrightRichText-richText css-jflero" options="[object Object]" itemProp="text"&gt;&lt;p data-first-child data-pid="c9OH5-Aq"&gt;在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AIGC已经融入了我的工作和生活，我自己使用过的AI工具大致有chatgpt、Claude、notion ai、newbing、wps ai、midjourney等。&lt;/p&gt;&lt;p data-pid="7hD7uOnN"&gt;在介绍ai工具之前，我们得先理解，ai是一个工具，它有自己的模型或者数据库，它只是在数据库里「努力地」给你答案。&lt;/p&gt;&lt;p data-pid="4sYtLBKN"&gt;ai不是先知。&lt;/p&gt;&lt;p data-pid="JFpcqFq7"&gt;这里借用卡兹克大佬的在chatgpt一周年的提问图：&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-560064c9cbad25bdaf01d4f9c0b1a834_720w.jpg?source=2c26e567" data-rawwidth="734" data-rawheight="684" data-size="normal" data-caption="" data-original-token="v2-560064c9cbad25bdaf01d4f9c0b1a834" data-default-watermark-src="https://pic1.zhimg.com/50/v2-5b3dce11e73ba488d28c9f63127efe58_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="734" data-original="https://picx.zhimg.com/v2-560064c9cbad25bdaf01d4f9c0b1a834_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;734&amp;#39; height=&amp;#39;684&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="734" data-rawheight="684" data-size="normal" data-caption="" data-original-token="v2-560064c9cbad25bdaf01d4f9c0b1a834" data-default-watermark-src="https://pic1.zhimg.com/50/v2-5b3dce11e73ba488d28c9f63127efe58_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="734" data-original="https://picx.zhimg.com/v2-560064c9cbad25bdaf01d4f9c0b1a834_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-560064c9cbad25bdaf01d4f9c0b1a834_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="WA0XNICZ"&gt;在AIGC已经成为部分人的生产力和生产工具，帮助他们提高工作效率的时候，有些小伙伴还不知道AIGC是什么，或者还不知道怎么使用。曾有个小伙伴拿了个app，跟我说：“这个机器人还挺好玩。”还有个小伙伴跟我说：“ai生成的东西能用百分之二三十就很不错了。”&lt;/p&gt;&lt;p data-pid="h_Yt1v1z"&gt;其实不是AI“中二”，而是人类不会用。&lt;/p&gt;&lt;p data-pid="_Vdbr-Al"&gt;使用AI的本质是通过prompt（提示词）让AI生成贴近你想要的内容，换种说法就是用机器的语言（指令）与它对话，而不是用人类的语言。不太了解的小伙伴可以先通过体验课感受一下AIGC：&lt;/p&gt;&lt;a data-draft-node="block" data-draft-type="edu-card" data-edu-card-id="1715418721345208320"&gt;&lt;/a&gt;&lt;p data-pid="l7wSlOMA"&gt;&lt;b&gt;这个课程邀请了2位圈内大佬进行讲课，现在课程还免费，建议有时间的都听听～&lt;/b&gt;&lt;/p&gt;&lt;p data-pid="DP0TIt-j"&gt;&lt;b&gt;我使用ai工具，大致有以下几种用法：内容生成、解读文档、干杂活——整理表格、做PPT、查资料、做图片……&lt;/b&gt;&lt;/p&gt;&lt;p data-pid="AwWfBhVj"&gt;&lt;b&gt;每个ai都能做这些事情，下面我是挑选我在使用过程中，感觉这些ai更优秀的方面介绍。&lt;/b&gt;&lt;/p&gt;&lt;h2 id="h_3166635147_0" data-into-catalog-status=""&gt;&lt;b&gt;一、内容生成——&lt;/b&gt;Chatgpt和Claude&lt;/h2&gt;&lt;p data-pid="-mktNdWl"&gt;每一个ai都能内容生成，简单的说，就是你问问题，它回答。你叫它帮你写一段话、写一篇文章，都可以。我一般用chatgpt和Claude来进行内容撰写。&lt;/p&gt;&lt;p data-pid="MvT3_WQ0"&gt;我想chatgpt就不用做太多介绍了，出圈的就是它，而且也是它带火了AIGC。&lt;/p&gt;&lt;p data-pid="cvzNA4P3"&gt;ChatGPT在文本生成方面更有优势，我平时会用它在寻找灵感或者创意，大语言模型可以给我更多想法。&lt;/p&gt;&lt;p data-pid="KNgaI4PF"&gt;例如：  &lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-c6903166614977ca68e10959db6b71ac_720w.jpg?source=2c26e567" data-rawwidth="718" data-rawheight="485" data-size="normal" data-caption="" data-original-token="v2-c6903166614977ca68e10959db6b71ac" data-default-watermark-src="https://pica.zhimg.com/50/v2-faeeef6e26eb32c4201df8321ef7a069_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="718" data-original="https://pic1.zhimg.com/v2-c6903166614977ca68e10959db6b71ac_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;718&amp;#39; height=&amp;#39;485&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="718" data-rawheight="485" data-size="normal" data-caption="" data-original-token="v2-c6903166614977ca68e10959db6b71ac" data-default-watermark-src="https://pica.zhimg.com/50/v2-faeeef6e26eb32c4201df8321ef7a069_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="718" data-original="https://pic1.zhimg.com/v2-c6903166614977ca68e10959db6b71ac_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-c6903166614977ca68e10959db6b71ac_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="10tRMDrq"&gt; 同理，还可以用chatgpt进行扩词、生成多场景内容等。&lt;/p&gt;&lt;p data-pid="XgK-KbmJ"&gt;当然，它也是一名很不错的程序员，可以给我们写写程序，确实是一个很不错的超级助手哦。比如我想快速做一个思维导图，我只需要给到chatgpt一些内容，让它帮我编写一些简单编程内容。  &lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-82c028d19340e7545aa1775d435821fa_720w.jpg?source=2c26e567" data-rawwidth="649" data-rawheight="509" data-size="normal" data-caption="" data-original-token="v2-82c028d19340e7545aa1775d435821fa" data-default-watermark-src="https://picx.zhimg.com/50/v2-fa6941a6be86b6d2cf057b52ab1699a7_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="649" data-original="https://pic1.zhimg.com/v2-82c028d19340e7545aa1775d435821fa_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;649&amp;#39; height=&amp;#39;509&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="649" data-rawheight="509" data-size="normal" data-caption="" data-original-token="v2-82c028d19340e7545aa1775d435821fa" data-default-watermark-src="https://picx.zhimg.com/50/v2-fa6941a6be86b6d2cf057b52ab1699a7_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="649" data-original="https://pic1.zhimg.com/v2-82c028d19340e7545aa1775d435821fa_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-82c028d19340e7545aa1775d435821fa_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="KN3W1Fxl"&gt;Claude也有相同的用法。&lt;/p&gt;&lt;h2 id="h_3166635147_1" data-into-catalog-status=""&gt;二、解读文档——kimi和Claude&lt;/h2&gt;&lt;p data-pid="zn0wlV5J"&gt;杨植麟在今年3月1日成立的通用人工智能（AGI）公司“月之暗面”（英文名MoonShot AI），发布了其千亿参数级大模型moonshot，以及搭载该模型的智能助手Kimi Chat。&lt;/p&gt;&lt;p data-pid="sAjSRrwV"&gt;Kimi Chat最多支持20万汉字的超长文本输入，是目前全球市场上能够产品化使用的大模型服务中所能支持的最长上下文输入长度。&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pica.zhimg.com/50/v2-eea8f93653b99be649b9aa02457f2cdb_720w.jpg?source=2c26e567" data-rawwidth="796" data-rawheight="511" data-size="normal" data-caption="" data-original-token="v2-eea8f93653b99be649b9aa02457f2cdb" data-default-watermark-src="https://picx.zhimg.com/50/v2-15578b304e04cb95c6da74d1a98fef67_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="796" data-original="https://picx.zhimg.com/v2-eea8f93653b99be649b9aa02457f2cdb_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;796&amp;#39; height=&amp;#39;511&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="796" data-rawheight="511" data-size="normal" data-caption="" data-original-token="v2-eea8f93653b99be649b9aa02457f2cdb" data-default-watermark-src="https://picx.zhimg.com/50/v2-15578b304e04cb95c6da74d1a98fef67_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="796" data-original="https://picx.zhimg.com/v2-eea8f93653b99be649b9aa02457f2cdb_r.jpg?source=2c26e567" data-actualsrc="https://pica.zhimg.com/50/v2-eea8f93653b99be649b9aa02457f2cdb_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="YB5ACSPc"&gt;我主要用它来总结文档、pdf、world等，浅浅实验了一下，用kimi来划文档金句，还是比较准确的，内容是从我给的文档中出来的，没有胡说八道给我编。&lt;/p&gt;&lt;p data-pid="M0_WRb4g"&gt;另外，kimi是联网的，时效性很强。&lt;/p&gt;&lt;p data-pid="wFFRcA9Q"&gt;下面是kimi给的一个案例：提示问题和回答的内容。在主页可以看到。&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-9a32afa5e1f57c8837571899f58b01c2_720w.jpg?source=2c26e567" data-rawwidth="871" data-rawheight="609" data-size="normal" data-caption="" data-original-token="v2-9a32afa5e1f57c8837571899f58b01c2" data-default-watermark-src="https://pic1.zhimg.com/50/v2-c18fe6d33d90cf8cedfbf571aaba2ef2_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="871" data-original="https://picx.zhimg.com/v2-9a32afa5e1f57c8837571899f58b01c2_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;871&amp;#39; height=&amp;#39;609&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="871" data-rawheight="609" data-size="normal" data-caption="" data-original-token="v2-9a32afa5e1f57c8837571899f58b01c2" data-default-watermark-src="https://pic1.zhimg.com/50/v2-c18fe6d33d90cf8cedfbf571aaba2ef2_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="871" data-original="https://picx.zhimg.com/v2-9a32afa5e1f57c8837571899f58b01c2_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-9a32afa5e1f57c8837571899f58b01c2_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="Fxnypt3D"&gt;kimi现在是免费的，不需要魔法，微信或者手机号登录就可以使用了。&lt;/p&gt;&lt;p data-pid="SKZAZ9eE"&gt;Claude也可以解读文档，但需要魔法，对国内用户不太有好。&lt;/p&gt;&lt;h2 id="h_3166635147_2" data-into-catalog-status=""&gt;三、干杂活——整理表格、做ppt等&lt;/h2&gt;&lt;p data-pid="570PaiNc"&gt;这是我经常干的事了，把杂活丢给ai干，自己就有更多时间摸鱼（啊，不是，思考其他问题）啦啦啦~&lt;/p&gt;&lt;h3 id="h_3166635147_3" data-into-catalog-status=""&gt;&lt;b&gt;1.Notion和notion ai&lt;/b&gt;&lt;/h3&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-4252a69c776b1a71902fd2ffbac94703_720w.jpg?source=2c26e567" data-rawwidth="1203" data-rawheight="641" data-size="normal" data-caption="" data-original-token="v2-4252a69c776b1a71902fd2ffbac94703" data-default-watermark-src="https://picx.zhimg.com/50/v2-6719ce88a683e4c076ea383d05279f74_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1203" data-original="https://pica.zhimg.com/v2-4252a69c776b1a71902fd2ffbac94703_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1203&amp;#39; height=&amp;#39;641&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1203" data-rawheight="641" data-size="normal" data-caption="" data-original-token="v2-4252a69c776b1a71902fd2ffbac94703" data-default-watermark-src="https://picx.zhimg.com/50/v2-6719ce88a683e4c076ea383d05279f74_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1203" data-original="https://pica.zhimg.com/v2-4252a69c776b1a71902fd2ffbac94703_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-4252a69c776b1a71902fd2ffbac94703_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="KlJpPVk6"&gt;&lt;br/&gt;notion是一款笔记软件，被国内笔记软件抄到爆。&lt;/p&gt;&lt;p data-pid="1ZQtwd3s"&gt;平时我会用notion来整理日常资料、记笔记、管理项目和工作流程、进行日程安排、做知识管理，还会用它来记录收支。总之，这是目前我使用的，也是很多网友认可的一款非常优秀的笔记应用。&lt;br/&gt;这里我想说说Notion ai，这是植入在Notion中的一款ai工具，使用Notion ai不需要魔法。&lt;br/&gt;我特别喜欢用它，是因为我在使用notion进行日常工作的时候可以随时将它调出来，帮我整理内容。&lt;/p&gt;&lt;p data-pid="tBVJOUlA"&gt;比如我需要统计办公室人员领取的办公用品时，每个人给我报了数量，这时我收到的是一堆非常零散的数据，不管我用Excel表格还是其他方法，我都要自己再算一次，统计出总数。而我使用Notion ai的话，我只需要把每个人需要的东西列上去，然后一键选择，通过“ask ai”，让它帮我计算出总数，整个过程几秒钟搞定了，非常方便快捷。&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pica.zhimg.com/50/v2-644bddde759408cbef2dea1408b8ba29_720w.jpg?source=2c26e567" data-rawwidth="540" data-rawheight="213" data-size="normal" data-caption="" data-original-token="v2-644bddde759408cbef2dea1408b8ba29" data-default-watermark-src="https://pic1.zhimg.com/50/v2-016b08e2002797837b630f8dafddabe4_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="540" data-original="https://pic1.zhimg.com/v2-644bddde759408cbef2dea1408b8ba29_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;540&amp;#39; height=&amp;#39;213&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="540" data-rawheight="213" data-size="normal" data-caption="" data-original-token="v2-644bddde759408cbef2dea1408b8ba29" data-default-watermark-src="https://pic1.zhimg.com/50/v2-016b08e2002797837b630f8dafddabe4_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="540" data-original="https://pic1.zhimg.com/v2-644bddde759408cbef2dea1408b8ba29_r.jpg?source=2c26e567" data-actualsrc="https://pica.zhimg.com/50/v2-644bddde759408cbef2dea1408b8ba29_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p class="ztext-empty-paragraph"&gt;&lt;br/&gt;&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pic1.zhimg.com/50/v2-05adc1b7cf58d22dffdf49ffabe09e68_720w.jpg?source=2c26e567" data-rawwidth="519" data-rawheight="394" data-size="normal" data-caption="" data-original-token="v2-05adc1b7cf58d22dffdf49ffabe09e68" data-default-watermark-src="https://picx.zhimg.com/50/v2-5419c717af8be71fe630703292781288_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="519" data-original="https://picx.zhimg.com/v2-05adc1b7cf58d22dffdf49ffabe09e68_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;519&amp;#39; height=&amp;#39;394&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="519" data-rawheight="394" data-size="normal" data-caption="" data-original-token="v2-05adc1b7cf58d22dffdf49ffabe09e68" data-default-watermark-src="https://picx.zhimg.com/50/v2-5419c717af8be71fe630703292781288_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="519" data-original="https://picx.zhimg.com/v2-05adc1b7cf58d22dffdf49ffabe09e68_r.jpg?source=2c26e567" data-actualsrc="https://pic1.zhimg.com/50/v2-05adc1b7cf58d22dffdf49ffabe09e68_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="94txNeOk"&gt;&lt;br/&gt;Notion ai的好处就是我可以随时选择一段文字进行提问，并且生成的答案直接记录在软件里。&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-b9bd4f26fc648fe3d3afaafc2a89595a_720w.jpg?source=2c26e567" data-rawwidth="569" data-rawheight="174" data-size="normal" data-caption="" data-original-token="v2-b9bd4f26fc648fe3d3afaafc2a89595a" data-default-watermark-src="https://picx.zhimg.com/50/v2-4d90cc78b20501dfe0bb00c15fd1c779_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="569" data-original="https://picx.zhimg.com/v2-b9bd4f26fc648fe3d3afaafc2a89595a_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;569&amp;#39; height=&amp;#39;174&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="569" data-rawheight="174" data-size="normal" data-caption="" data-original-token="v2-b9bd4f26fc648fe3d3afaafc2a89595a" data-default-watermark-src="https://picx.zhimg.com/50/v2-4d90cc78b20501dfe0bb00c15fd1c779_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="569" data-original="https://picx.zhimg.com/v2-b9bd4f26fc648fe3d3afaafc2a89595a_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-b9bd4f26fc648fe3d3afaafc2a89595a_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="bCrkW1bE"&gt;&lt;br/&gt;Notion ai可以进行总结、翻译、查找等，另外还可以用Notion ai对文档进行整理，提取需要做的事项，整理成Todo list的格式。它是一个很优秀的办公小助手，我平时会丢一堆“杂活”给它干。基于Notion强大的平台，这已经成为我日常工作离不开的助手之一了。&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pic1.zhimg.com/50/v2-e0c8d33abfceb365303cb97c37c274eb_720w.jpg?source=2c26e567" data-rawwidth="530" data-rawheight="361" data-size="normal" data-caption="" data-original-token="v2-e0c8d33abfceb365303cb97c37c274eb" data-default-watermark-src="https://pic1.zhimg.com/50/v2-cf322afd95f4a1119f8b1ed439b8039f_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="530" data-original="https://pic1.zhimg.com/v2-e0c8d33abfceb365303cb97c37c274eb_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;530&amp;#39; height=&amp;#39;361&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="530" data-rawheight="361" data-size="normal" data-caption="" data-original-token="v2-e0c8d33abfceb365303cb97c37c274eb" data-default-watermark-src="https://pic1.zhimg.com/50/v2-cf322afd95f4a1119f8b1ed439b8039f_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="530" data-original="https://pic1.zhimg.com/v2-e0c8d33abfceb365303cb97c37c274eb_r.jpg?source=2c26e567" data-actualsrc="https://pic1.zhimg.com/50/v2-e0c8d33abfceb365303cb97c37c274eb_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="4panM3yT"&gt;&lt;br/&gt;Notion ai接入的是chatgpt的接口，而且似乎是比较古早的接口，如果想在内容生成更好的情况下，可以考虑Chatgpt。&lt;/p&gt;&lt;p data-pid="gB0YJFdG"&gt;Notion ai可以实现的功能，chatgpt基本都能实现，而且生成的内容会更好，先看一个对比表格：&lt;/p&gt;&lt;table data-draft-node="block" data-draft-type="table" data-size="normal" data-row-style="striped"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;Notion AI&lt;/th&gt;&lt;th&gt;ChatGPT&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;优势&lt;/th&gt;&lt;td&gt;-协作和知识管理工具&lt;/td&gt;&lt;td&gt;-通用自然语言处理模型&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;td&gt;- 团队协作和项目管理功能强大&lt;/td&gt;&lt;td&gt;- 能够生成各种类型的文本内容&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;td&gt;- 支持数据库和数据可视化&lt;/td&gt;&lt;td&gt;- 在语言理解和生成任务上表现优秀&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;td&gt;- 可定制和灵活的界面&lt;/td&gt;&lt;td&gt;- 可以回答广泛的问题并提供信息搜集服务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;td&gt;- 支持多平台，跨设备使用&lt;/td&gt;&lt;td&gt;- 处理速度快，适用于快速文本生成&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;缺点&lt;/th&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;- 缺乏情感和情绪理解，无创造性思维&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;- 知识局限性，不一定总是准确&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;- 对于超出其训练数据范围的问题表现欠佳&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p class="ztext-empty-paragraph"&gt;&lt;br/&gt;&lt;/p&gt;&lt;h3 id="h_3166635147_4" data-into-catalog-status=""&gt;&lt;b&gt;2.Wps ai&lt;/b&gt;&lt;/h3&gt;&lt;p data-pid="VFm_ibfD"&gt;这是最新用的一款ai，植入在wps里，用它来做ppt特别快。平时每次做ppt，找模板、画表格之类的，都很头大啊，用完wps之后，只需要把大纲丢进去，然后把风格和要求说一下，坐等它设计，最后自己再根据内容稍微调整一下，妥妥搞定。效率不是一般地高。  &lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pica.zhimg.com/50/v2-e9ebafc8e0e8c009010d8fb74218ce0e_720w.jpg?source=2c26e567" data-rawwidth="1291" data-rawheight="512" data-size="normal" data-caption="" data-original-token="v2-e9ebafc8e0e8c009010d8fb74218ce0e" data-default-watermark-src="https://picx.zhimg.com/50/v2-6d70f47aef646b6efab496d15f3b9ba9_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1291" data-original="https://pica.zhimg.com/v2-e9ebafc8e0e8c009010d8fb74218ce0e_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1291&amp;#39; height=&amp;#39;512&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1291" data-rawheight="512" data-size="normal" data-caption="" data-original-token="v2-e9ebafc8e0e8c009010d8fb74218ce0e" data-default-watermark-src="https://picx.zhimg.com/50/v2-6d70f47aef646b6efab496d15f3b9ba9_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1291" data-original="https://pica.zhimg.com/v2-e9ebafc8e0e8c009010d8fb74218ce0e_r.jpg?source=2c26e567" data-actualsrc="https://pica.zhimg.com/50/v2-e9ebafc8e0e8c009010d8fb74218ce0e_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pic1.zhimg.com/50/v2-231ef26422025efd3797ab3cc1ab2cf8_720w.jpg?source=2c26e567" data-rawwidth="1009" data-rawheight="506" data-size="normal" data-caption="" data-original-token="v2-231ef26422025efd3797ab3cc1ab2cf8" data-default-watermark-src="https://pica.zhimg.com/50/v2-f04de2b128eca8b4e1798fbad35047ee_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1009" data-original="https://picx.zhimg.com/v2-231ef26422025efd3797ab3cc1ab2cf8_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1009&amp;#39; height=&amp;#39;506&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1009" data-rawheight="506" data-size="normal" data-caption="" data-original-token="v2-231ef26422025efd3797ab3cc1ab2cf8" data-default-watermark-src="https://pica.zhimg.com/50/v2-f04de2b128eca8b4e1798fbad35047ee_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1009" data-original="https://picx.zhimg.com/v2-231ef26422025efd3797ab3cc1ab2cf8_r.jpg?source=2c26e567" data-actualsrc="https://pic1.zhimg.com/50/v2-231ef26422025efd3797ab3cc1ab2cf8_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="VDd8JrwT"&gt;wps ai做PPT，颜值还是在线的。但我不是付费用户，所以好像每个月要申请一次试用，付费用户可以长期使用。&lt;/p&gt;&lt;p data-pid="vhbzQerP"&gt;详细的用ai做PPT的方法，可以看这篇内容哦：&lt;/p&gt;&lt;a target="_blank" href="https://www.zhihu.com/question/598414748/answer/3368979373?utm_psn=1731811743050014720" data-draft-node="block" data-draft-type="link-card" data-image="https://pic1.zhimg.com/v2-49caf8ca0ede772a52fd5f06ae16139c_120x160.jpg" data-image-width="819" data-image-height="1855" data-text="如何用AI工具生成PPT？" class="LinkCard new"&gt;&lt;span class="LinkCard-contents"&gt;&lt;span class="LinkCard-title loading" data-text="true"&gt;&lt;/span&gt;&lt;span class="LinkCard-desc loading"&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="LinkCard-image LinkCard-image--default"&gt;&lt;/span&gt;&lt;/a&gt;&lt;h2 id="h_3166635147_5" data-into-catalog-status=""&gt;四、查资料——Newbing&lt;/h2&gt;&lt;p data-pid="VXUjRTCM"&gt;我试用过几个ai来检索资料，目前Newbing效果最好。它能联网，比如我需要查国外的文献出处，就直接用newbing帮我找，很多时候能直接找到电子版的原文，节省了我好多时间，不用再苦逼地一点点翻数据库或者翻网站了。准确度也比较高。&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-f9b8844ff08d0b7a87896e0dbbee1fd3_720w.jpg?source=2c26e567" data-rawwidth="1035" data-rawheight="283" data-size="normal" data-caption="" data-original-token="v2-f9b8844ff08d0b7a87896e0dbbee1fd3" data-default-watermark-src="https://pic1.zhimg.com/50/v2-5b1e57d54288efebc6969a361da99365_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1035" data-original="https://pic1.zhimg.com/v2-f9b8844ff08d0b7a87896e0dbbee1fd3_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1035&amp;#39; height=&amp;#39;283&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1035" data-rawheight="283" data-size="normal" data-caption="" data-original-token="v2-f9b8844ff08d0b7a87896e0dbbee1fd3" data-default-watermark-src="https://pic1.zhimg.com/50/v2-5b1e57d54288efebc6969a361da99365_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1035" data-original="https://pic1.zhimg.com/v2-f9b8844ff08d0b7a87896e0dbbee1fd3_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-f9b8844ff08d0b7a87896e0dbbee1fd3_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="GUrJ_wSl"&gt;另一个例子是我要找一张图片的下载地址，newbing给出来的回答：&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-61e616e58acd8af6b79a72bfda2ca4da_720w.jpg?source=2c26e567" data-rawwidth="843" data-rawheight="610" data-size="normal" data-caption="" data-original-token="v2-61e616e58acd8af6b79a72bfda2ca4da" data-default-watermark-src="https://picx.zhimg.com/50/v2-d7cae39abb12bc5f6abadeb5f163fbd6_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="843" data-original="https://pic1.zhimg.com/v2-61e616e58acd8af6b79a72bfda2ca4da_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;843&amp;#39; height=&amp;#39;610&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="843" data-rawheight="610" data-size="normal" data-caption="" data-original-token="v2-61e616e58acd8af6b79a72bfda2ca4da" data-default-watermark-src="https://picx.zhimg.com/50/v2-d7cae39abb12bc5f6abadeb5f163fbd6_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="843" data-original="https://pic1.zhimg.com/v2-61e616e58acd8af6b79a72bfda2ca4da_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-61e616e58acd8af6b79a72bfda2ca4da_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="MUKtP3sy"&gt;通过链接可以进到这个网页：&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-6d129c3a4f7ad68cf301989f0e6e02fb_720w.jpg?source=2c26e567" data-rawwidth="1164" data-rawheight="645" data-size="normal" data-caption="" data-original-token="v2-6d129c3a4f7ad68cf301989f0e6e02fb" data-default-watermark-src="https://pica.zhimg.com/50/v2-ad25919f350f4d5003b26f84a95951cb_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1164" data-original="https://picx.zhimg.com/v2-6d129c3a4f7ad68cf301989f0e6e02fb_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1164&amp;#39; height=&amp;#39;645&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1164" data-rawheight="645" data-size="normal" data-caption="" data-original-token="v2-6d129c3a4f7ad68cf301989f0e6e02fb" data-default-watermark-src="https://pica.zhimg.com/50/v2-ad25919f350f4d5003b26f84a95951cb_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1164" data-original="https://picx.zhimg.com/v2-6d129c3a4f7ad68cf301989f0e6e02fb_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-6d129c3a4f7ad68cf301989f0e6e02fb_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="MsC2rElZ"&gt;用newbing搜索，和百度等普通搜索引擎搜索最大的区别是，newbing会筛选出更加精准地网址，提供给你，如果描述得详细的话，得到的网址会更精确。我们只需要点进去验证是否是自己想要的内容就可以了。&lt;/p&gt;&lt;p data-pid="G48fjggu"&gt;而百度等普通搜索引擎会搜索出很多类似的网址，需要自己一个个点进去查看，效率会很低。&lt;/p&gt;&lt;h2 id="h_3166635147_6" data-into-catalog-status=""&gt;&lt;b&gt;五、画图——Midjourney&lt;/b&gt;&lt;/h2&gt;&lt;p data-pid="l7MsDV_k"&gt;图片生成的ai，也是超级火爆的一款了，虽然我自己是纯玩，没用它来为我做什么事，但我同行的老师已经用它来辅助设计了。&lt;/p&gt;&lt;p data-pid="r4VoeoHV"&gt;还有艺术家用midjourney生成的图片做了个展览，展览的图片由midjourney生成。虽然这个展览生成的图片比较一般，但它确实给没接触过AI的朋友们很大的震撼。&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-a02093c3feba36a8d111f99c7f942e3e_720w.jpg?source=2c26e567" data-rawwidth="1706" data-rawheight="1280" data-size="normal" data-caption="" data-original-token="v2-a02093c3feba36a8d111f99c7f942e3e" data-default-watermark-src="https://picx.zhimg.com/50/v2-7d55afc3cabaac0edefa4b35e9e03977_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1706" data-original="https://pic1.zhimg.com/v2-a02093c3feba36a8d111f99c7f942e3e_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1706&amp;#39; height=&amp;#39;1280&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1706" data-rawheight="1280" data-size="normal" data-caption="" data-original-token="v2-a02093c3feba36a8d111f99c7f942e3e" data-default-watermark-src="https://picx.zhimg.com/50/v2-7d55afc3cabaac0edefa4b35e9e03977_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1706" data-original="https://pic1.zhimg.com/v2-a02093c3feba36a8d111f99c7f942e3e_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-a02093c3feba36a8d111f99c7f942e3e_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-51ef3d2fa8978f24a95b6375880860f2_720w.jpg?source=2c26e567" data-rawwidth="1706" data-rawheight="1280" data-size="normal" data-caption="" data-original-token="v2-51ef3d2fa8978f24a95b6375880860f2" data-default-watermark-src="https://picx.zhimg.com/50/v2-c7090b3640104ffb6683fc0ce7cd64da_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1706" data-original="https://pic1.zhimg.com/v2-51ef3d2fa8978f24a95b6375880860f2_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1706&amp;#39; height=&amp;#39;1280&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1706" data-rawheight="1280" data-size="normal" data-caption="" data-original-token="v2-51ef3d2fa8978f24a95b6375880860f2" data-default-watermark-src="https://picx.zhimg.com/50/v2-c7090b3640104ffb6683fc0ce7cd64da_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1706" data-original="https://pic1.zhimg.com/v2-51ef3d2fa8978f24a95b6375880860f2_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-51ef3d2fa8978f24a95b6375880860f2_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="gk8ffbdH"&gt;我自己现在在装修房子，也悄咪咪用midjourney给我画了几张效果图，浅浅放一下我比较喜欢的两张：&lt;/p&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://picx.zhimg.com/50/v2-5c8e5ae0ae4302cbf66641da659b9767_720w.jpg?source=2c26e567" data-rawwidth="734" data-rawheight="723" data-size="normal" data-caption="" data-original-token="v2-5c8e5ae0ae4302cbf66641da659b9767" data-default-watermark-src="https://picx.zhimg.com/50/v2-27750a48b7cd2009df5c0a79b987e53d_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="734" data-original="https://picx.zhimg.com/v2-5c8e5ae0ae4302cbf66641da659b9767_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;734&amp;#39; height=&amp;#39;723&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="734" data-rawheight="723" data-size="normal" data-caption="" data-original-token="v2-5c8e5ae0ae4302cbf66641da659b9767" data-default-watermark-src="https://picx.zhimg.com/50/v2-27750a48b7cd2009df5c0a79b987e53d_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="734" data-original="https://picx.zhimg.com/v2-5c8e5ae0ae4302cbf66641da659b9767_r.jpg?source=2c26e567" data-actualsrc="https://picx.zhimg.com/50/v2-5c8e5ae0ae4302cbf66641da659b9767_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pica.zhimg.com/50/v2-b5646b60c5fd0265370a12263f3589a7_720w.jpg?source=2c26e567" data-rawwidth="1018" data-rawheight="632" data-size="normal" data-caption="" data-original-token="v2-b5646b60c5fd0265370a12263f3589a7" data-default-watermark-src="https://pic1.zhimg.com/50/v2-5351c729df0986945f9eb720762b68c8_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1018" data-original="https://picx.zhimg.com/v2-b5646b60c5fd0265370a12263f3589a7_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1018&amp;#39; height=&amp;#39;632&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1018" data-rawheight="632" data-size="normal" data-caption="" data-original-token="v2-b5646b60c5fd0265370a12263f3589a7" data-default-watermark-src="https://pic1.zhimg.com/50/v2-5351c729df0986945f9eb720762b68c8_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1018" data-original="https://picx.zhimg.com/v2-b5646b60c5fd0265370a12263f3589a7_r.jpg?source=2c26e567" data-actualsrc="https://pica.zhimg.com/50/v2-b5646b60c5fd0265370a12263f3589a7_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p data-pid="Hs4aM37X"&gt;使用过程是让Claude给我写提示词，然后复制到midjourney给我出图。&lt;/p&gt;&lt;p data-pid="XUlHrITl"&gt;&lt;b&gt;说了这么多，其实很多人已经把AI当成生产力的工具使用了，在平时工作的时候，AIGC在特定任务和场景下是有一定的优势的，比如：&lt;/b&gt;&lt;/p&gt;&lt;p data-pid="wUfjUAE-"&gt;&lt;b&gt;1.速度和效率：&lt;/b&gt;AIGC可以快速地处理和生成文本，它不会受到人类的思考时间和疲劳影响，在处理大量信息或执行重复任务时更高效。&lt;/p&gt;&lt;p data-pid="eYcN0gha"&gt;&lt;b&gt;2.大规模信息处理：&lt;/b&gt;AIGC可以快速阅读和理解大量文本信息，在进行信息搜集、总结和归纳，处理超出人类处理能力的海量数据。&lt;/p&gt;&lt;p data-pid="3PKLGqhM"&gt;&lt;b&gt;3.无需休息：&lt;/b&gt;与人类不同，AIGC不需要休息或休息时间，随时在线。相当于一个24小时随时在线的助手，不管你什么时候找它，它都不会生气。&lt;/p&gt;&lt;p data-pid="9g0PGuFW"&gt;&lt;b&gt;AI 场景使用很多、应用也非常广泛，现在AI以及渗透到我们的生活和工作中了，未来会用AI的人一定能会领先很多。如果不懂ai，可能落后的就不是一点点了。&lt;/b&gt;&lt;/p&gt;&lt;p data-pid="Zg8f9kp1"&gt;在深入学习AI之前，我建议大家先了解一些基本的AI概念，比如机器学习、编程逻辑、自然语言处理等，AI处理数据的模式和人类的思维模式差别很大，了解了AI处理数据的模式，可以让我们更快的掌握这个技术。&lt;/p&gt;&lt;p data-pid="XUQCOdAR"&gt;如果想快速掌握使用AI的技巧，以我自己小白的经历来看，建议大家去报班学习一下，有老师和大神指导，会事半功倍。因为我自己原来就是个小白，对AIGC不了解，甚至不知道入口在哪里，直接卡死在第一步。后来报班系统的学习了之后，才大概了解了AIGC；它的工作原理；以及怎样使用prompt；怎样提出高效的问题，让AI生成最接近我需要的内容。&lt;/p&gt;&lt;p data-pid="-WVhTnut"&gt;有兴趣的小伙伴可以体验一下知乎这个课程，一起做AI这个第四次工业革命的先锋吧～&lt;/p&gt;&lt;a data-draft-node="block" data-draft-type="edu-card" data-edu-card-id="1674826576502898688"&gt;&lt;/a&gt;&lt;figure data-size="normal"&gt;&lt;noscript&gt;&lt;img src="https://pica.zhimg.com/50/v2-013cd9f1eb14f8234de0cf7c8dbbfd7d_720w.jpg?source=2c26e567" data-rawwidth="1068" data-rawheight="414" data-size="normal" data-caption="" data-original-token="v2-013cd9f1eb14f8234de0cf7c8dbbfd7d" data-default-watermark-src="https://picx.zhimg.com/50/v2-0866a7217a1ff050bc9ed6b585c7634f_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb" width="1068" data-original="https://picx.zhimg.com/v2-013cd9f1eb14f8234de0cf7c8dbbfd7d_r.jpg?source=2c26e567"/&gt;&lt;/noscript&gt;&lt;img src="data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http://www.w3.org/2000/svg&amp;#39; width=&amp;#39;1068&amp;#39; height=&amp;#39;414&amp;#39;&amp;gt;&amp;lt;/svg&amp;gt;" data-rawwidth="1068" data-rawheight="414" data-size="normal" data-caption="" data-original-token="v2-013cd9f1eb14f8234de0cf7c8dbbfd7d" data-default-watermark-src="https://picx.zhimg.com/50/v2-0866a7217a1ff050bc9ed6b585c7634f_720w.jpg?source=2c26e567" class="origin_image zh-lightbox-thumb lazy" width="1068" data-original="https://picx.zhimg.com/v2-013cd9f1eb14f8234de0cf7c8dbbfd7d_r.jpg?source=2c26e567" data-actualsrc="https://pica.zhimg.com/50/v2-013cd9f1eb14f8234de0cf7c8dbbfd7d_720w.jpg?source=2c26e567"/&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;div&gt;&lt;div class="ContentItem-time"&gt;&lt;a target="_blank" href="//www.zhihu.com/question/282715644/answer/3166635147"&gt;&lt;span data-tooltip="发布于 2023-08-15 16:56" aria-label="发布于 2023-08-15 16:56"&gt;编辑于 2024-01-19 22:56&lt;/span&gt;&lt;/a&gt;・IP 属地广西&lt;/div&gt;&lt;/div&gt;&lt;span&gt;&lt;/span&gt;&lt;div class="ContentItem-actions RichContent-actions"&gt;&lt;span&gt;&lt;button aria-label="赞同 544 " aria-live="polite" type="button" class="Button VoteButton VoteButton--up FEfUrdfMIKpQDJDqkjte"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="10" height="10" viewBox="0 0 24 24" class="Zi Zi--TriangleUp VoteButton-TriangleUp" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M13.792 3.681c-.781-1.406-2.803-1.406-3.584 0l-7.79 14.023c-.76 1.367.228 3.046 1.791 3.046h15.582c1.563 0 2.55-1.68 1.791-3.046l-7.79-14.023Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;赞同 544&lt;/button&gt;&lt;button aria-label="反对" aria-live="polite" type="button" class="Button VoteButton VoteButton--down FEfUrdfMIKpQDJDqkjte"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="10" height="10" viewBox="0 0 24 24" class="Zi Zi--TriangleDown" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M13.792 20.319c-.781 1.406-2.803 1.406-3.584 0L2.418 6.296c-.76-1.367.228-3.046 1.791-3.046h15.582c1.563 0 2.55 1.68 1.791 3.046l-7.79 14.023Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/button&gt;&lt;/span&gt;&lt;button type="button" class="Button ContentItem-action FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--withLabel fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Comment Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 4.737 17.197l2.643.817a1 1 0 0 0 1.25-1.25l-.8-2.588A9.25 9.25 0 0 0 12 2.75Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;24 条评论&lt;/button&gt;&lt;div class="Popover ShareMenu ContentItem-action"&gt;&lt;div class="ShareMenu-toggler" id="null-toggle" aria-haspopup="true" aria-expanded="false" aria-owns="null-content"&gt;&lt;button type="button" class="Button FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--withLabel fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Share Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path d="M19.47 1.914a.8.8 0 0 1 1.204.778l-1.872 16.386a.9.9 0 0 1-1.204.743l-4.615-1.692a.7.7 0 0 0-.831.28l-1.927 3.02c-.43.674-1.474.369-1.474-.43v-3.865a.8.8 0 0 1 .179-.504l5.808-7.148a.595.595 0 0 0-.897-.781l-5.93 6.354a1.1 1.1 0 0 1-1.258.252L2.57 13.46a.8.8 0 0 1-.08-1.415l16.98-10.13Z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;分享&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;button type="button" class="Button ContentItem-action FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--withLabel fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Star Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path d="M10.484 3.307c.673-1.168 2.358-1.168 3.032 0l2.377 4.122a.25.25 0 0 0 .165.12l4.655.987c1.319.28 1.84 1.882.937 2.884l-3.186 3.535a.25.25 0 0 0-.063.193l.5 4.733c.142 1.34-1.222 2.33-2.453 1.782l-4.346-1.938a.25.25 0 0 0-.204 0l-4.346 1.938c-1.231.549-2.595-.442-2.453-1.782l.5-4.733a.25.25 0 0 0-.064-.193L2.35 11.42c-.903-1.002-.382-2.604.937-2.884l4.655-.987a.25.25 0 0 0 .164-.12l2.378-4.122Z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;收藏&lt;/button&gt;&lt;button aria-live="polite" type="button" class="Button ContentItem-action FEfUrdfMIKpQDJDqkjte Button--plain Button--withIcon Button--withLabel fEPKGkUK5jyc4fUuT0QP B46v1Ak6Gj5sL2JTS4PY RuuQ6TOh2cRzJr6WlyQp"&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="1.2em" height="1.2em" viewBox="0 0 24 24" class="Zi Zi--Heart Button-zi t2ntD6J1DemdOdvh5FB4" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M12.004 4.934c1.015-.944 2.484-1.618 3.98-1.618 3.48 0 6.53 3.265 6.15 7.614-.11 1.254-.686 2.55-1.458 3.753-.778 1.215-1.79 2.392-2.845 3.419-1.054 1.028-2.168 1.923-3.161 2.566a9.96 9.96 0 0 1-1.41.777c-.418.182-.862.32-1.268.32s-.848-.137-1.267-.317a9.918 9.918 0 0 1-1.407-.771c-.992-.64-2.103-1.53-3.156-2.555-1.052-1.024-2.062-2.2-2.84-3.417-.77-1.208-1.346-2.51-1.456-3.775-.38-4.349 2.67-7.614 6.15-7.614 1.484 0 2.983.673 3.988 1.618Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;喜欢&lt;/button&gt;&lt;button data-zop-retract-question="true" type="button" class="Button ContentItem-action ContentItem-rightButton FEfUrdfMIKpQDJDqkjte Button--plain fEPKGkUK5jyc4fUuT0QP"&gt;&lt;span class="RichContent-collapsedText"&gt;收起&lt;/span&gt;&lt;span style="display:inline-flex;align-items:center"&gt;​&lt;svg width="24" height="24" viewBox="0 0 24 24" class="Zi Zi--ArrowDown ContentItem-arrowIcon is-active" fill="currentColor"&gt;&lt;path fill-rule="evenodd" d="M17.776 10.517a.875.875 0 0 1-.248 1.212l-5.05 3.335a.875.875 0 0 1-.964 0L6.47 11.73a.875.875 0 1 1 .965-1.46l4.56 3.015 4.568-3.016a.875.875 0 0 1 1.212.248Z" clip-rule="evenodd"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div class=""&gt;&lt;/div&gt;&lt;div class="ModalLoading-content"&gt;&lt;style data-emotion-css="1od72gz animation-js282a animation-18pxbu9"&gt;.css-1od72gz{position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;-webkit-animation:animation-18pxbu9 1s linear infinite;animation:animation-18pxbu9 1s linear infinite;}.css-1od72gz .path{stroke:#1772F6;stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:animation-js282a 1s ease-in-out infinite;animation:animation-js282a 1s ease-in-out infinite;}@-webkit-keyframes animation-js282a{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);-ms-transform:rotate(450deg);transform:rotate(450deg);}}@keyframes animation-js282a{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);-ms-transform:rotate(450deg);transform:rotate(450deg);}}@-webkit-keyframes animation-18pxbu9{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}}@keyframes animation-18pxbu9{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}}&lt;/style&gt;&lt;svg width="30" height="30" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" class="CircleLoadingBar  css-1od72gz" aria-hidden="true"&gt;&lt;g&gt;&lt;circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"&gt;&lt;/circle&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="Card ViewAll"&gt;&lt;a href="/question/282715644" class="QuestionMainAction ViewAll-QuestionMainAction" data-za-detail-view-element_name="ViewAll"&gt;查看全部 200 个回答&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/main&gt;&lt;div data-zop-usertoken="{}"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;script id="js-clientConfig" type="text/json"&gt;{"fetchRoot":{"www":"https:\u002F\u002Fwww.zhihu.com","api":"https:\u002F\u002Fapi.zhihu.com","lens":"https:\u002F\u002Flens.zhihu.com","zhuanlan":"https:\u002F\u002Fzhuanlan.zhihu.com\u002Fapi\u002F","walletpay":"https:\u002F\u002Fwalletpay.zhihu.com","captcha":"https:\u002F\u002Fcaptcha.zhihu.com","vzuu":"https:\u002F\u002Fv.vzuu.com","openapi":"https:\u002F\u002Fopenapi.zhihu.com","svip":"https:\u002F\u002Fsvip.zhihu.com"},"host":"zhihu.com","protocol":"https:","wwwHost":"www.zhihu.com","videoHost":"video.zhihu.com","zhuanlanHost":"zhuanlan.zhihu.com","allowSignUp":true,"refreshValidityPeriod":"30","release":"1279-30c38a32","currentEntry":"main","isMobileEntry":false,"apollo":{"env":"prod","globalSilence":"","ncgModeSign":"3f8e56febda4fb3bbea72e379d76de1e","topstory_rec_adp":"1","topstory_hot_adp":"1","editor_adapt_native":"0","enable_request_filter":"1","content_publish_pin":"0","content_publish_answer":"1","content_publish_question":"1","content_publish_article":"1","content_publish_zvideo":"1","balanceModalSign":"ChYHAcB5ihJECkAFnhDAYmdhsTWVJoNc","test_canary":"member|0-100,1-0","use_new_player":"member|0-100,1-0","player_vendor":"member|0-100,1-0,2-0","use_hevc":"member|0-0,1-100","upload_use_signature":"member|0-0,1-100","use_backdrop_blur":"member|0-0,1-100","article_title_imagex":"member|0-0,1-100","play_station":"member|0-0,1-100","use_cached_supported_countries":"device|1-100,0-0","contentItem_cover_imagex":"member|0-0,1-100","use_qrcode_login_v2":"device|1-100,0-0"}}&lt;/script&gt;&lt;script id="js-initialData" type="text/json"&gt;{"initialState":{"common":{"ask":{},"cities":{"cityData":[]}},"loading":{"global":{"count":0},"local":{"question\u002Fget\u002F":false,"answer\u002Fget\u002F":false}},"entities":{"users":{},"questions":{"282715644":{"type":"question","id":282715644,"title":"人工智能那么火~如今AI的应用场景都有哪些？","questionType":"normal","created":1530011685,"updatedTime":1530011685,"url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Fquestions\u002F282715644","isMuted":false,"isVisible":true,"isNormal":true,"isEditable":false,"adminClosedComment":false,"hasPublishingDraft":false,"answerCount":200,"visitCount":793129,"commentCount":0,"followerCount":504,"collapsedAnswerCount":7,"excerpt":"alphago一战成名后，人工智能大火 现实生活中AI能帮我们做些什么呢，我们现在的生活，周围已经有哪些行业用到了AI技术","commentPermission":"all","detail":"\u003Cp\u003Ealphago一战成名后，人工智能大火\u003C\u002Fp\u003E\u003Cp\u003E现实生活中AI能帮我们做些什么呢，我们现在的生活，周围已经有哪些行业用到了AI技术\u003C\u002Fp\u003E","editableDetail":"\u003Cp\u003Ealphago一战成名后，人工智能大火\u003C\u002Fp\u003E\u003Cp\u003E现实生活中AI能帮我们做些什么呢，我们现在的生活，周围已经有哪些行业用到了AI技术\u003C\u002Fp\u003E","status":{"isLocked":false,"isClose":false,"isEvaluate":false,"isSuggest":false},"relationship":{"isAuthor":false,"isFollowing":false,"isAnonymous":false,"canLock":false,"canStickAnswers":false,"canCollapseAnswers":false,"voting":0},"topics":[{"id":"19551275","type":"topic","url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Ftopics\u002F19551275","name":"人工智能","avatarUrl":"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-c41d10d22173d515740c43c70f885705_qhd.jpg?source=57bbeac9","topicType":"NORMAL"},{"id":"20106982","type":"topic","url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Ftopics\u002F20106982","name":"AI技术","avatarUrl":"","topicType":"NORMAL"},{"id":"25472112","type":"topic","url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Ftopics\u002F25472112","name":"AI虚拟主播","avatarUrl":"","topicType":"NORMAL"},{"id":"25477934","type":"topic","url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Ftopics\u002F25477934","name":"AI绘画","avatarUrl":"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-76fa7647dc832de23a54443d0901ec6b_qhd.jpg?source=57bbeac9","topicType":"NORMAL"},{"id":"27911584","type":"topic","url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Ftopics\u002F27911584","name":"AI应用场景","avatarUrl":"","topicType":"NORMAL"}],"author":{"id":"3a6ff6d7e03d23bad82957d5fd070740","urlToken":"e-ha-34-52","name":"哦哈","avatarUrl":"https:\u002F\u002Fpica.zhimg.com\u002Fv2-abed1a8c04700ba7d72b45195223e0ff_l.jpg?source=1def8aca","avatarUrlTemplate":"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-abed1a8c04700ba7d72b45195223e0ff.jpg?source=1def8aca","isOrg":false,"type":"people","url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Fpeople\u002F3a6ff6d7e03d23bad82957d5fd070740","userType":"people","headline":"向着UE发展的小白","badge":[],"badgeV2":{"title":"","mergedBadges":[],"detailBadges":[],"icon":"","nightIcon":""},"gender":-1,"isAdvertiser":false,"isPrivacy":false},"canComment":{"status":true,"reason":""},"thumbnailInfo":{"count":0,"type":"thumbnail_info","thumbnails":[]},"reviewInfo":{"type":"","tips":"","editTips":"","isReviewing":false,"editIsReviewing":false},"relatedCards":[],"muteInfo":{"type":""},"showAuthor":false,"isLabeled":true,"isBannered":false,"showEncourageAuthor":false,"voteupCount":10,"canVote":true,"reactionInstruction":{}}},"answers":{"3166635147":{"adminClosedComment":false,"annotationAction":null,"answerType":"normal","author":{"avatarUrl":"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-c36e4886bd78ed6083bd4ca6971f1177_l.jpg?source=2c26e567","avatarUrlTemplate":"https:\u002F\u002Fpica.zhimg.com\u002Fv2-c36e4886bd78ed6083bd4ca6971f1177.jpg?source=2c26e567","badge":[{"description":"作者， 代表作《透视汽车会“跑”的奥秘》","topics":[],"type":"identity"}],"badgeV2":{"detailBadges":[{"description":"作者， 代表作《透视汽车会“跑”的奥秘》","detailType":"identity_people","icon":"https:\u002F\u002Fpica.zhimg.com\u002Fv2-2ddc5cc683982648f6f123616fb4ec09_l.png?source=32738c0c","nightIcon":"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-2ddc5cc683982648f6f123616fb4ec09_l.png?source=32738c0c","sources":[],"title":"已认证的个人","type":"identity","url":"https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F96956163"}],"icon":"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-2ddc5cc683982648f6f123616fb4ec09_l.png?source=32738c0c","mergedBadges":[{"description":"作者， 代表作《透视汽车会“跑”的奥秘》","detailType":"identity","icon":"","nightIcon":"","sources":[],"title":"认证","type":"identity","url":"https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F96956163"}],"nightIcon":"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-2ddc5cc683982648f6f123616fb4ec09_l.png?source=32738c0c","title":"作者， 代表作《透视汽车会“跑”的奥秘》"},"gender":0,"headline":"给孩子写了5本书的二宝妈妈|图书编辑|正在装修中→合作看简介","id":"a26b6a6c2624e9d29408444f8a6fadfb","isAdvertiser":false,"isFollowed":false,"isOrg":false,"isPrivacy":false,"name":"峥小蜜","type":"people","url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Fpeople\u002Fa26b6a6c2624e9d29408444f8a6fadfb","urlToken":"tan-zheng-zheng-68","userType":"people"},"bizExt":{},"canComment":{"reason":"","status":true},"collapseReason":"","collapsedBy":"nobody","commentCount":24,"commentPermission":"censor","content":"\u003Cp data-pid=\"c9OH5-Aq\"\u003E在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AIGC已经融入了我的工作和生活，我自己使用过的AI工具大致有chatgpt、Claude、notion ai、newbing、wps ai、midjourney等。\u003C\u002Fp\u003E\u003Cp data-pid=\"7hD7uOnN\"\u003E在介绍ai工具之前，我们得先理解，ai是一个工具，它有自己的模型或者数据库，它只是在数据库里「努力地」给你答案。\u003C\u002Fp\u003E\u003Cp data-pid=\"4sYtLBKN\"\u003Eai不是先知。\u003C\u002Fp\u003E\u003Cp data-pid=\"JFpcqFq7\"\u003E这里借用卡兹克大佬的在chatgpt一周年的提问图：\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-560064c9cbad25bdaf01d4f9c0b1a834_720w.jpg?source=2c26e567\" data-rawwidth=\"734\" data-rawheight=\"684\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-560064c9cbad25bdaf01d4f9c0b1a834\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-5b3dce11e73ba488d28c9f63127efe58_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"734\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-560064c9cbad25bdaf01d4f9c0b1a834_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;734&amp;#39; height=&amp;#39;684&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"734\" data-rawheight=\"684\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-560064c9cbad25bdaf01d4f9c0b1a834\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-5b3dce11e73ba488d28c9f63127efe58_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"734\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-560064c9cbad25bdaf01d4f9c0b1a834_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-560064c9cbad25bdaf01d4f9c0b1a834_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"WA0XNICZ\"\u003E在AIGC已经成为部分人的生产力和生产工具，帮助他们提高工作效率的时候，有些小伙伴还不知道AIGC是什么，或者还不知道怎么使用。曾有个小伙伴拿了个app，跟我说：“这个机器人还挺好玩。”还有个小伙伴跟我说：“ai生成的东西能用百分之二三十就很不错了。”\u003C\u002Fp\u003E\u003Cp data-pid=\"h_Yt1v1z\"\u003E其实不是AI“中二”，而是人类不会用。\u003C\u002Fp\u003E\u003Cp data-pid=\"_Vdbr-Al\"\u003E使用AI的本质是通过prompt（提示词）让AI生成贴近你想要的内容，换种说法就是用机器的语言（指令）与它对话，而不是用人类的语言。不太了解的小伙伴可以先通过体验课感受一下AIGC：\u003C\u002Fp\u003E\u003Ca data-draft-node=\"block\" data-draft-type=\"edu-card\" data-edu-card-id=\"1715418721345208320\"\u003E\u003C\u002Fa\u003E\u003Cp data-pid=\"l7wSlOMA\"\u003E\u003Cb\u003E这个课程邀请了2位圈内大佬进行讲课，现在课程还免费，建议有时间的都听听～\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp data-pid=\"DP0TIt-j\"\u003E\u003Cb\u003E我使用ai工具，大致有以下几种用法：内容生成、解读文档、干杂活——整理表格、做PPT、查资料、做图片……\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp data-pid=\"AwWfBhVj\"\u003E\u003Cb\u003E每个ai都能做这些事情，下面我是挑选我在使用过程中，感觉这些ai更优秀的方面介绍。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E一、内容生成——\u003C\u002Fb\u003EChatgpt和Claude\u003C\u002Fh2\u003E\u003Cp data-pid=\"-mktNdWl\"\u003E每一个ai都能内容生成，简单的说，就是你问问题，它回答。你叫它帮你写一段话、写一篇文章，都可以。我一般用chatgpt和Claude来进行内容撰写。\u003C\u002Fp\u003E\u003Cp data-pid=\"MvT3_WQ0\"\u003E我想chatgpt就不用做太多介绍了，出圈的就是它，而且也是它带火了AIGC。\u003C\u002Fp\u003E\u003Cp data-pid=\"cvzNA4P3\"\u003EChatGPT在文本生成方面更有优势，我平时会用它在寻找灵感或者创意，大语言模型可以给我更多想法。\u003C\u002Fp\u003E\u003Cp data-pid=\"KNgaI4PF\"\u003E例如：  \u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-c6903166614977ca68e10959db6b71ac_720w.jpg?source=2c26e567\" data-rawwidth=\"718\" data-rawheight=\"485\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-c6903166614977ca68e10959db6b71ac\" data-default-watermark-src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-faeeef6e26eb32c4201df8321ef7a069_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"718\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-c6903166614977ca68e10959db6b71ac_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;718&amp;#39; height=&amp;#39;485&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"718\" data-rawheight=\"485\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-c6903166614977ca68e10959db6b71ac\" data-default-watermark-src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-faeeef6e26eb32c4201df8321ef7a069_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"718\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-c6903166614977ca68e10959db6b71ac_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-c6903166614977ca68e10959db6b71ac_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"10tRMDrq\"\u003E 同理，还可以用chatgpt进行扩词、生成多场景内容等。\u003C\u002Fp\u003E\u003Cp data-pid=\"XgK-KbmJ\"\u003E当然，它也是一名很不错的程序员，可以给我们写写程序，确实是一个很不错的超级助手哦。比如我想快速做一个思维导图，我只需要给到chatgpt一些内容，让它帮我编写一些简单编程内容。  \u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-82c028d19340e7545aa1775d435821fa_720w.jpg?source=2c26e567\" data-rawwidth=\"649\" data-rawheight=\"509\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-82c028d19340e7545aa1775d435821fa\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-fa6941a6be86b6d2cf057b52ab1699a7_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"649\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-82c028d19340e7545aa1775d435821fa_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;649&amp;#39; height=&amp;#39;509&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"649\" data-rawheight=\"509\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-82c028d19340e7545aa1775d435821fa\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-fa6941a6be86b6d2cf057b52ab1699a7_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"649\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-82c028d19340e7545aa1775d435821fa_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-82c028d19340e7545aa1775d435821fa_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"KN3W1Fxl\"\u003EClaude也有相同的用法。\u003C\u002Fp\u003E\u003Ch2\u003E二、解读文档——kimi和Claude\u003C\u002Fh2\u003E\u003Cp data-pid=\"zn0wlV5J\"\u003E杨植麟在今年3月1日成立的通用人工智能（AGI）公司“月之暗面”（英文名MoonShot AI），发布了其千亿参数级大模型moonshot，以及搭载该模型的智能助手Kimi Chat。\u003C\u002Fp\u003E\u003Cp data-pid=\"sAjSRrwV\"\u003EKimi Chat最多支持20万汉字的超长文本输入，是目前全球市场上能够产品化使用的大模型服务中所能支持的最长上下文输入长度。\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-eea8f93653b99be649b9aa02457f2cdb_720w.jpg?source=2c26e567\" data-rawwidth=\"796\" data-rawheight=\"511\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-eea8f93653b99be649b9aa02457f2cdb\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-15578b304e04cb95c6da74d1a98fef67_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"796\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-eea8f93653b99be649b9aa02457f2cdb_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;796&amp;#39; height=&amp;#39;511&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"796\" data-rawheight=\"511\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-eea8f93653b99be649b9aa02457f2cdb\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-15578b304e04cb95c6da74d1a98fef67_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"796\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-eea8f93653b99be649b9aa02457f2cdb_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-eea8f93653b99be649b9aa02457f2cdb_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"YB5ACSPc\"\u003E我主要用它来总结文档、pdf、world等，浅浅实验了一下，用kimi来划文档金句，还是比较准确的，内容是从我给的文档中出来的，没有胡说八道给我编。\u003C\u002Fp\u003E\u003Cp data-pid=\"M0_WRb4g\"\u003E另外，kimi是联网的，时效性很强。\u003C\u002Fp\u003E\u003Cp data-pid=\"wFFRcA9Q\"\u003E下面是kimi给的一个案例：提示问题和回答的内容。在主页可以看到。\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-9a32afa5e1f57c8837571899f58b01c2_720w.jpg?source=2c26e567\" data-rawwidth=\"871\" data-rawheight=\"609\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-9a32afa5e1f57c8837571899f58b01c2\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-c18fe6d33d90cf8cedfbf571aaba2ef2_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"871\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-9a32afa5e1f57c8837571899f58b01c2_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;871&amp;#39; height=&amp;#39;609&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"871\" data-rawheight=\"609\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-9a32afa5e1f57c8837571899f58b01c2\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-c18fe6d33d90cf8cedfbf571aaba2ef2_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"871\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-9a32afa5e1f57c8837571899f58b01c2_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-9a32afa5e1f57c8837571899f58b01c2_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"Fxnypt3D\"\u003Ekimi现在是免费的，不需要魔法，微信或者手机号登录就可以使用了。\u003C\u002Fp\u003E\u003Cp data-pid=\"SKZAZ9eE\"\u003EClaude也可以解读文档，但需要魔法，对国内用户不太有好。\u003C\u002Fp\u003E\u003Ch2\u003E三、干杂活——整理表格、做ppt等\u003C\u002Fh2\u003E\u003Cp data-pid=\"570PaiNc\"\u003E这是我经常干的事了，把杂活丢给ai干，自己就有更多时间摸鱼（啊，不是，思考其他问题）啦啦啦~\u003C\u002Fp\u003E\u003Ch3\u003E\u003Cb\u003E1.Notion和notion ai\u003C\u002Fb\u003E\u003C\u002Fh3\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-4252a69c776b1a71902fd2ffbac94703_720w.jpg?source=2c26e567\" data-rawwidth=\"1203\" data-rawheight=\"641\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-4252a69c776b1a71902fd2ffbac94703\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-6719ce88a683e4c076ea383d05279f74_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1203\" data-original=\"https:\u002F\u002Fpica.zhimg.com\u002Fv2-4252a69c776b1a71902fd2ffbac94703_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1203&amp;#39; height=&amp;#39;641&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1203\" data-rawheight=\"641\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-4252a69c776b1a71902fd2ffbac94703\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-6719ce88a683e4c076ea383d05279f74_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1203\" data-original=\"https:\u002F\u002Fpica.zhimg.com\u002Fv2-4252a69c776b1a71902fd2ffbac94703_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-4252a69c776b1a71902fd2ffbac94703_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"KlJpPVk6\"\u003E\u003Cbr\u002F\u003Enotion是一款笔记软件，被国内笔记软件抄到爆。\u003C\u002Fp\u003E\u003Cp data-pid=\"1ZQtwd3s\"\u003E平时我会用notion来整理日常资料、记笔记、管理项目和工作流程、进行日程安排、做知识管理，还会用它来记录收支。总之，这是目前我使用的，也是很多网友认可的一款非常优秀的笔记应用。\u003Cbr\u002F\u003E这里我想说说Notion ai，这是植入在Notion中的一款ai工具，使用Notion ai不需要魔法。\u003Cbr\u002F\u003E我特别喜欢用它，是因为我在使用notion进行日常工作的时候可以随时将它调出来，帮我整理内容。\u003C\u002Fp\u003E\u003Cp data-pid=\"tBVJOUlA\"\u003E比如我需要统计办公室人员领取的办公用品时，每个人给我报了数量，这时我收到的是一堆非常零散的数据，不管我用Excel表格还是其他方法，我都要自己再算一次，统计出总数。而我使用Notion ai的话，我只需要把每个人需要的东西列上去，然后一键选择，通过“ask ai”，让它帮我计算出总数，整个过程几秒钟搞定了，非常方便快捷。\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-644bddde759408cbef2dea1408b8ba29_720w.jpg?source=2c26e567\" data-rawwidth=\"540\" data-rawheight=\"213\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-644bddde759408cbef2dea1408b8ba29\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-016b08e2002797837b630f8dafddabe4_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"540\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-644bddde759408cbef2dea1408b8ba29_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;540&amp;#39; height=&amp;#39;213&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"540\" data-rawheight=\"213\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-644bddde759408cbef2dea1408b8ba29\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-016b08e2002797837b630f8dafddabe4_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"540\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-644bddde759408cbef2dea1408b8ba29_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-644bddde759408cbef2dea1408b8ba29_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp class=\"ztext-empty-paragraph\"\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-05adc1b7cf58d22dffdf49ffabe09e68_720w.jpg?source=2c26e567\" data-rawwidth=\"519\" data-rawheight=\"394\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-05adc1b7cf58d22dffdf49ffabe09e68\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-5419c717af8be71fe630703292781288_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"519\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-05adc1b7cf58d22dffdf49ffabe09e68_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;519&amp;#39; height=&amp;#39;394&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"519\" data-rawheight=\"394\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-05adc1b7cf58d22dffdf49ffabe09e68\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-5419c717af8be71fe630703292781288_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"519\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-05adc1b7cf58d22dffdf49ffabe09e68_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-05adc1b7cf58d22dffdf49ffabe09e68_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"94txNeOk\"\u003E\u003Cbr\u002F\u003ENotion ai的好处就是我可以随时选择一段文字进行提问，并且生成的答案直接记录在软件里。\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-b9bd4f26fc648fe3d3afaafc2a89595a_720w.jpg?source=2c26e567\" data-rawwidth=\"569\" data-rawheight=\"174\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-b9bd4f26fc648fe3d3afaafc2a89595a\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-4d90cc78b20501dfe0bb00c15fd1c779_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"569\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-b9bd4f26fc648fe3d3afaafc2a89595a_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;569&amp;#39; height=&amp;#39;174&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"569\" data-rawheight=\"174\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-b9bd4f26fc648fe3d3afaafc2a89595a\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-4d90cc78b20501dfe0bb00c15fd1c779_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"569\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-b9bd4f26fc648fe3d3afaafc2a89595a_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-b9bd4f26fc648fe3d3afaafc2a89595a_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"bCrkW1bE\"\u003E\u003Cbr\u002F\u003ENotion ai可以进行总结、翻译、查找等，另外还可以用Notion ai对文档进行整理，提取需要做的事项，整理成Todo list的格式。它是一个很优秀的办公小助手，我平时会丢一堆“杂活”给它干。基于Notion强大的平台，这已经成为我日常工作离不开的助手之一了。\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-e0c8d33abfceb365303cb97c37c274eb_720w.jpg?source=2c26e567\" data-rawwidth=\"530\" data-rawheight=\"361\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-e0c8d33abfceb365303cb97c37c274eb\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-cf322afd95f4a1119f8b1ed439b8039f_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"530\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-e0c8d33abfceb365303cb97c37c274eb_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;530&amp;#39; height=&amp;#39;361&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"530\" data-rawheight=\"361\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-e0c8d33abfceb365303cb97c37c274eb\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-cf322afd95f4a1119f8b1ed439b8039f_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"530\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-e0c8d33abfceb365303cb97c37c274eb_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-e0c8d33abfceb365303cb97c37c274eb_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"4panM3yT\"\u003E\u003Cbr\u002F\u003ENotion ai接入的是chatgpt的接口，而且似乎是比较古早的接口，如果想在内容生成更好的情况下，可以考虑Chatgpt。\u003C\u002Fp\u003E\u003Cp data-pid=\"gB0YJFdG\"\u003ENotion ai可以实现的功能，chatgpt基本都能实现，而且生成的内容会更好，先看一个对比表格：\u003C\u002Fp\u003E\u003Ctable data-draft-node=\"block\" data-draft-type=\"table\" data-size=\"normal\" data-row-style=\"striped\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Cth\u003E类型\u003C\u002Fth\u003E\u003Cth\u003ENotion AI\u003C\u002Fth\u003E\u003Cth\u003EChatGPT\u003C\u002Fth\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E优势\u003C\u002Fth\u003E\u003Ctd\u003E-协作和知识管理工具\u003C\u002Ftd\u003E\u003Ctd\u003E-通用自然语言处理模型\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E\u003C\u002Fth\u003E\u003Ctd\u003E- 团队协作和项目管理功能强大\u003C\u002Ftd\u003E\u003Ctd\u003E- 能够生成各种类型的文本内容\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E\u003C\u002Fth\u003E\u003Ctd\u003E- 支持数据库和数据可视化\u003C\u002Ftd\u003E\u003Ctd\u003E- 在语言理解和生成任务上表现优秀\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E\u003C\u002Fth\u003E\u003Ctd\u003E- 可定制和灵活的界面\u003C\u002Ftd\u003E\u003Ctd\u003E- 可以回答广泛的问题并提供信息搜集服务\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E\u003C\u002Fth\u003E\u003Ctd\u003E- 支持多平台，跨设备使用\u003C\u002Ftd\u003E\u003Ctd\u003E- 处理速度快，适用于快速文本生成\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E缺点\u003C\u002Fth\u003E\u003Ctd\u003E\u003C\u002Ftd\u003E\u003Ctd\u003E- 缺乏情感和情绪理解，无创造性思维\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E\u003C\u002Fth\u003E\u003Ctd\u003E\u003C\u002Ftd\u003E\u003Ctd\u003E- 知识局限性，不一定总是准确\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Ctr\u003E\u003Cth\u003E\u003C\u002Fth\u003E\u003Ctd\u003E\u003C\u002Ftd\u003E\u003Ctd\u003E- 对于超出其训练数据范围的问题表现欠佳\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003C\u002Ftbody\u003E\u003C\u002Ftable\u003E\u003Cp class=\"ztext-empty-paragraph\"\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Ch3\u003E\u003Cb\u003E2.Wps ai\u003C\u002Fb\u003E\u003C\u002Fh3\u003E\u003Cp data-pid=\"VFm_ibfD\"\u003E这是最新用的一款ai，植入在wps里，用它来做ppt特别快。平时每次做ppt，找模板、画表格之类的，都很头大啊，用完wps之后，只需要把大纲丢进去，然后把风格和要求说一下，坐等它设计，最后自己再根据内容稍微调整一下，妥妥搞定。效率不是一般地高。  \u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-e9ebafc8e0e8c009010d8fb74218ce0e_720w.jpg?source=2c26e567\" data-rawwidth=\"1291\" data-rawheight=\"512\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-e9ebafc8e0e8c009010d8fb74218ce0e\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-6d70f47aef646b6efab496d15f3b9ba9_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1291\" data-original=\"https:\u002F\u002Fpica.zhimg.com\u002Fv2-e9ebafc8e0e8c009010d8fb74218ce0e_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1291&amp;#39; height=&amp;#39;512&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1291\" data-rawheight=\"512\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-e9ebafc8e0e8c009010d8fb74218ce0e\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-6d70f47aef646b6efab496d15f3b9ba9_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1291\" data-original=\"https:\u002F\u002Fpica.zhimg.com\u002Fv2-e9ebafc8e0e8c009010d8fb74218ce0e_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-e9ebafc8e0e8c009010d8fb74218ce0e_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-231ef26422025efd3797ab3cc1ab2cf8_720w.jpg?source=2c26e567\" data-rawwidth=\"1009\" data-rawheight=\"506\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-231ef26422025efd3797ab3cc1ab2cf8\" data-default-watermark-src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-f04de2b128eca8b4e1798fbad35047ee_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1009\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-231ef26422025efd3797ab3cc1ab2cf8_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1009&amp;#39; height=&amp;#39;506&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1009\" data-rawheight=\"506\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-231ef26422025efd3797ab3cc1ab2cf8\" data-default-watermark-src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-f04de2b128eca8b4e1798fbad35047ee_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1009\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-231ef26422025efd3797ab3cc1ab2cf8_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-231ef26422025efd3797ab3cc1ab2cf8_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"VDd8JrwT\"\u003Ewps ai做PPT，颜值还是在线的。但我不是付费用户，所以好像每个月要申请一次试用，付费用户可以长期使用。\u003C\u002Fp\u003E\u003Cp data-pid=\"vhbzQerP\"\u003E详细的用ai做PPT的方法，可以看这篇内容哦：\u003C\u002Fp\u003E\u003Ca data-draft-node=\"block\" data-draft-type=\"link-card\" href=\"https:\u002F\u002Fwww.zhihu.com\u002Fquestion\u002F598414748\u002Fanswer\u002F3368979373?utm_psn=1731811743050014720\" data-image=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-49caf8ca0ede772a52fd5f06ae16139c_720w.jpg\" data-image-width=\"819\" data-image-height=\"1855\" class=\"internal\"\u003E如何用AI工具生成PPT？\u003C\u002Fa\u003E\u003Ch2\u003E四、查资料——Newbing\u003C\u002Fh2\u003E\u003Cp data-pid=\"VXUjRTCM\"\u003E我试用过几个ai来检索资料，目前Newbing效果最好。它能联网，比如我需要查国外的文献出处，就直接用newbing帮我找，很多时候能直接找到电子版的原文，节省了我好多时间，不用再苦逼地一点点翻数据库或者翻网站了。准确度也比较高。\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-f9b8844ff08d0b7a87896e0dbbee1fd3_720w.jpg?source=2c26e567\" data-rawwidth=\"1035\" data-rawheight=\"283\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-f9b8844ff08d0b7a87896e0dbbee1fd3\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-5b1e57d54288efebc6969a361da99365_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1035\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-f9b8844ff08d0b7a87896e0dbbee1fd3_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1035&amp;#39; height=&amp;#39;283&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1035\" data-rawheight=\"283\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-f9b8844ff08d0b7a87896e0dbbee1fd3\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-5b1e57d54288efebc6969a361da99365_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1035\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-f9b8844ff08d0b7a87896e0dbbee1fd3_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-f9b8844ff08d0b7a87896e0dbbee1fd3_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"GUrJ_wSl\"\u003E另一个例子是我要找一张图片的下载地址，newbing给出来的回答：\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-61e616e58acd8af6b79a72bfda2ca4da_720w.jpg?source=2c26e567\" data-rawwidth=\"843\" data-rawheight=\"610\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-61e616e58acd8af6b79a72bfda2ca4da\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-d7cae39abb12bc5f6abadeb5f163fbd6_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"843\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-61e616e58acd8af6b79a72bfda2ca4da_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;843&amp;#39; height=&amp;#39;610&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"843\" data-rawheight=\"610\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-61e616e58acd8af6b79a72bfda2ca4da\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-d7cae39abb12bc5f6abadeb5f163fbd6_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"843\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-61e616e58acd8af6b79a72bfda2ca4da_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-61e616e58acd8af6b79a72bfda2ca4da_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"MUKtP3sy\"\u003E通过链接可以进到这个网页：\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-6d129c3a4f7ad68cf301989f0e6e02fb_720w.jpg?source=2c26e567\" data-rawwidth=\"1164\" data-rawheight=\"645\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-6d129c3a4f7ad68cf301989f0e6e02fb\" data-default-watermark-src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-ad25919f350f4d5003b26f84a95951cb_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1164\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-6d129c3a4f7ad68cf301989f0e6e02fb_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1164&amp;#39; height=&amp;#39;645&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1164\" data-rawheight=\"645\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-6d129c3a4f7ad68cf301989f0e6e02fb\" data-default-watermark-src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-ad25919f350f4d5003b26f84a95951cb_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1164\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-6d129c3a4f7ad68cf301989f0e6e02fb_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-6d129c3a4f7ad68cf301989f0e6e02fb_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"MsC2rElZ\"\u003E用newbing搜索，和百度等普通搜索引擎搜索最大的区别是，newbing会筛选出更加精准地网址，提供给你，如果描述得详细的话，得到的网址会更精确。我们只需要点进去验证是否是自己想要的内容就可以了。\u003C\u002Fp\u003E\u003Cp data-pid=\"G48fjggu\"\u003E而百度等普通搜索引擎会搜索出很多类似的网址，需要自己一个个点进去查看，效率会很低。\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cb\u003E五、画图——Midjourney\u003C\u002Fb\u003E\u003C\u002Fh2\u003E\u003Cp data-pid=\"l7MsDV_k\"\u003E图片生成的ai，也是超级火爆的一款了，虽然我自己是纯玩，没用它来为我做什么事，但我同行的老师已经用它来辅助设计了。\u003C\u002Fp\u003E\u003Cp data-pid=\"r4VoeoHV\"\u003E还有艺术家用midjourney生成的图片做了个展览，展览的图片由midjourney生成。虽然这个展览生成的图片比较一般，但它确实给没接触过AI的朋友们很大的震撼。\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-a02093c3feba36a8d111f99c7f942e3e_720w.jpg?source=2c26e567\" data-rawwidth=\"1706\" data-rawheight=\"1280\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-a02093c3feba36a8d111f99c7f942e3e\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-7d55afc3cabaac0edefa4b35e9e03977_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1706\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-a02093c3feba36a8d111f99c7f942e3e_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1706&amp;#39; height=&amp;#39;1280&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1706\" data-rawheight=\"1280\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-a02093c3feba36a8d111f99c7f942e3e\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-7d55afc3cabaac0edefa4b35e9e03977_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1706\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-a02093c3feba36a8d111f99c7f942e3e_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-a02093c3feba36a8d111f99c7f942e3e_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-51ef3d2fa8978f24a95b6375880860f2_720w.jpg?source=2c26e567\" data-rawwidth=\"1706\" data-rawheight=\"1280\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-51ef3d2fa8978f24a95b6375880860f2\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-c7090b3640104ffb6683fc0ce7cd64da_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1706\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-51ef3d2fa8978f24a95b6375880860f2_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1706&amp;#39; height=&amp;#39;1280&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1706\" data-rawheight=\"1280\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-51ef3d2fa8978f24a95b6375880860f2\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-c7090b3640104ffb6683fc0ce7cd64da_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1706\" data-original=\"https:\u002F\u002Fpic1.zhimg.com\u002Fv2-51ef3d2fa8978f24a95b6375880860f2_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-51ef3d2fa8978f24a95b6375880860f2_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"gk8ffbdH\"\u003E我自己现在在装修房子，也悄咪咪用midjourney给我画了几张效果图，浅浅放一下我比较喜欢的两张：\u003C\u002Fp\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-5c8e5ae0ae4302cbf66641da659b9767_720w.jpg?source=2c26e567\" data-rawwidth=\"734\" data-rawheight=\"723\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-5c8e5ae0ae4302cbf66641da659b9767\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-27750a48b7cd2009df5c0a79b987e53d_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"734\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-5c8e5ae0ae4302cbf66641da659b9767_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;734&amp;#39; height=&amp;#39;723&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"734\" data-rawheight=\"723\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-5c8e5ae0ae4302cbf66641da659b9767\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-27750a48b7cd2009df5c0a79b987e53d_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"734\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-5c8e5ae0ae4302cbf66641da659b9767_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-5c8e5ae0ae4302cbf66641da659b9767_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-b5646b60c5fd0265370a12263f3589a7_720w.jpg?source=2c26e567\" data-rawwidth=\"1018\" data-rawheight=\"632\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-b5646b60c5fd0265370a12263f3589a7\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-5351c729df0986945f9eb720762b68c8_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1018\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-b5646b60c5fd0265370a12263f3589a7_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1018&amp;#39; height=&amp;#39;632&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1018\" data-rawheight=\"632\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-b5646b60c5fd0265370a12263f3589a7\" data-default-watermark-src=\"https:\u002F\u002Fpic1.zhimg.com\u002F50\u002Fv2-5351c729df0986945f9eb720762b68c8_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1018\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-b5646b60c5fd0265370a12263f3589a7_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-b5646b60c5fd0265370a12263f3589a7_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp data-pid=\"Hs4aM37X\"\u003E使用过程是让Claude给我写提示词，然后复制到midjourney给我出图。\u003C\u002Fp\u003E\u003Cp data-pid=\"XUlHrITl\"\u003E\u003Cb\u003E说了这么多，其实很多人已经把AI当成生产力的工具使用了，在平时工作的时候，AIGC在特定任务和场景下是有一定的优势的，比如：\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp data-pid=\"wUfjUAE-\"\u003E\u003Cb\u003E1.速度和效率：\u003C\u002Fb\u003EAIGC可以快速地处理和生成文本，它不会受到人类的思考时间和疲劳影响，在处理大量信息或执行重复任务时更高效。\u003C\u002Fp\u003E\u003Cp data-pid=\"eYcN0gha\"\u003E\u003Cb\u003E2.大规模信息处理：\u003C\u002Fb\u003EAIGC可以快速阅读和理解大量文本信息，在进行信息搜集、总结和归纳，处理超出人类处理能力的海量数据。\u003C\u002Fp\u003E\u003Cp data-pid=\"3PKLGqhM\"\u003E\u003Cb\u003E3.无需休息：\u003C\u002Fb\u003E与人类不同，AIGC不需要休息或休息时间，随时在线。相当于一个24小时随时在线的助手，不管你什么时候找它，它都不会生气。\u003C\u002Fp\u003E\u003Cp data-pid=\"9g0PGuFW\"\u003E\u003Cb\u003EAI 场景使用很多、应用也非常广泛，现在AI以及渗透到我们的生活和工作中了，未来会用AI的人一定能会领先很多。如果不懂ai，可能落后的就不是一点点了。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp data-pid=\"Zg8f9kp1\"\u003E在深入学习AI之前，我建议大家先了解一些基本的AI概念，比如机器学习、编程逻辑、自然语言处理等，AI处理数据的模式和人类的思维模式差别很大，了解了AI处理数据的模式，可以让我们更快的掌握这个技术。\u003C\u002Fp\u003E\u003Cp data-pid=\"XUQCOdAR\"\u003E如果想快速掌握使用AI的技巧，以我自己小白的经历来看，建议大家去报班学习一下，有老师和大神指导，会事半功倍。因为我自己原来就是个小白，对AIGC不了解，甚至不知道入口在哪里，直接卡死在第一步。后来报班系统的学习了之后，才大概了解了AIGC；它的工作原理；以及怎样使用prompt；怎样提出高效的问题，让AI生成最接近我需要的内容。\u003C\u002Fp\u003E\u003Cp data-pid=\"-WVhTnut\"\u003E有兴趣的小伙伴可以体验一下知乎这个课程，一起做AI这个第四次工业革命的先锋吧～\u003C\u002Fp\u003E\u003Ca data-draft-node=\"block\" data-draft-type=\"edu-card\" data-edu-card-id=\"1674826576502898688\"\u003E\u003C\u002Fa\u003E\u003Cfigure data-size=\"normal\"\u003E\u003Cnoscript\u003E\u003Cimg src=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-013cd9f1eb14f8234de0cf7c8dbbfd7d_720w.jpg?source=2c26e567\" data-rawwidth=\"1068\" data-rawheight=\"414\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-013cd9f1eb14f8234de0cf7c8dbbfd7d\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-0866a7217a1ff050bc9ed6b585c7634f_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb\" width=\"1068\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-013cd9f1eb14f8234de0cf7c8dbbfd7d_r.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\"data:image\u002Fsvg+xml;utf8,&amp;lt;svg xmlns=&amp;#39;http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg&amp;#39; width=&amp;#39;1068&amp;#39; height=&amp;#39;414&amp;#39;&amp;gt;&amp;lt;\u002Fsvg&amp;gt;\" data-rawwidth=\"1068\" data-rawheight=\"414\" data-size=\"normal\" data-caption=\"\" data-original-token=\"v2-013cd9f1eb14f8234de0cf7c8dbbfd7d\" data-default-watermark-src=\"https:\u002F\u002Fpicx.zhimg.com\u002F50\u002Fv2-0866a7217a1ff050bc9ed6b585c7634f_720w.jpg?source=2c26e567\" class=\"origin_image zh-lightbox-thumb lazy\" width=\"1068\" data-original=\"https:\u002F\u002Fpicx.zhimg.com\u002Fv2-013cd9f1eb14f8234de0cf7c8dbbfd7d_r.jpg?source=2c26e567\" data-actualsrc=\"https:\u002F\u002Fpica.zhimg.com\u002F50\u002Fv2-013cd9f1eb14f8234de0cf7c8dbbfd7d_720w.jpg?source=2c26e567\"\u002F\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003C\u002Fp\u003E","createdTime":1692089783,"editableContent":"","excerpt":"在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AIGC已经融入了我的工作和生活，我自己使用过的AI工具大致有chatgpt、Claude、notion ai、newbing、wps ai、midjourney等。 在介绍ai工具之前，我们得先理解，ai是一个工具，它有自己的模型或者数据库，它只是在数据库里「努力地」给你答案。 ai不是先知。 这里借用卡兹克大佬的在chatgpt一周年的提问图： [图片] 在AIGC已经成为部分人的生产力和生产工…","extras":"","favlistsCount":1832,"id":3166635147,"ipInfo":"IP 属地广西","isCollapsed":false,"isCopyable":false,"isJumpNative":false,"isLabeled":false,"isNormal":true,"isSticky":false,"isVisible":true,"linkCardInfo":{"https:\u002F\u002Fwww.zhihu.com\u002Fquestion\u002F598414748\u002Fanswer\u002F3368979373?utmPsn=1731811743050014720":"{\"card_type\":\"card_1\",\"display\":{\"title\":\"如何用AI工具生成PPT？\",\"card_open_url\":\"https:\u002F\u002Fwww.zhihu.com\u002Fquestion\u002F598414748\u002Fanswer\u002F3368979373\",\"desc\":\"85 赞同 · 6 评论 \\u003ca class=\\\"tag type_a\\\"\\u003e回答\\u003c\u002Fa\\u003e\",\"content\":\"\\u003ca class=\\\"text normal\u002Fbold\\\" data-color=\\\"#444444\\\" data-night-color=\\\"#D3D3D3\\\"\\u003e峥小蜜:\\u003c\u002Fa\\u003e 分享一个电脑小白都能学会的，用ai工具制作ppt的经验和详细教程，手把手教你用AI做个领导点赞的PPT！在做PPT之前，我们最好先了解做一份PPT需要准备哪些工作或资料，然后再了解AI工具能帮我们做哪些事情。用AI辅助，真的事倍功半啊！ 一、制作PPT（PowerPoint演示文稿）时，我们需要准备的资料（一）主题和目标确定PPT的主题以及目标是什么，比如商业演讲、工作汇报、产品演示等。主题关系到之后确定内容、大纲以及PPT的整体风格…\",\"image\":{\"image_url\":\"https:\u002F\u002Fpica.zhimg.com\u002Fv2-49caf8ca0ede772a52fd5f06ae16139c_720w.jpg?source=7e7ef6e2\",\"ratio\":1,\"is_video\":false},\"bg_type\":\"dark\"},\"source\":{\"content_type\":\"ANSWER\",\"content_id\":\"3368979373\"},\"za_data\":{\"attach_info\":\"\"}}"},"question":{"created":1530011685,"id":282715644,"questionType":"normal","relationship":{},"title":"人工智能那么火~如今AI的应用场景都有哪些？","type":"question","updatedTime":1530011685,"url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Fquestions\u002F282715644"},"reactionInstruction":{},"relationship":{"isAuthor":false,"isAuthorized":false,"isNothelp":false,"isThanked":false,"upvotedFollowees":[],"voting":0},"relevantInfo":{"isRelevant":false,"relevantText":"","relevantType":""},"reshipmentSettings":"disallowed","rewardInfo":{"canOpenReward":false,"isRewardable":true,"rewardMemberCount":0,"rewardTotalMoney":0,"tagline":"真诚赞赏，手留余香"},"settings":{"tableOfContents":{"enabled":true}},"suggestEdit":{"reason":"","status":false,"tip":"","title":"","unnormalDetails":{"description":"","note":"","reason":"","reasonId":0,"status":""},"url":""},"thanksCount":405,"type":"answer","updatedTime":1705676193,"url":"https:\u002F\u002Fwww.zhihu.com\u002Fapi\u002Fv4\u002Fanswers\u002F3166635147","voteupCount":544}},"articles":{},"columns":{},"topics":{},"roundtables":{},"favlists":{},"comments":{},"notifications":{},"ebooks":{},"activities":{},"feeds":{},"pins":{},"promotions":{},"drafts":{},"chats":{},"posts":{},"zvideos":{},"zvideoContributions":{},"briefs":{},"eduCourses":{}},"currentUser":"","account":{"unlockTicketStatus":false,"unlockTicket":null,"challenge":[],"errorStatus":false,"message":"","isFetching":false,"accountInfo":{},"urlToken":{"loading":false},"cardUserInfo":{"vipInfo":{}},"handleWidget":{},"widgetList":[],"userWidgetId":""},"settings":{"socialBind":null,"inboxMsg":null,"notification":{},"email":{},"privacyFlag":null,"blockedUsers":{"isFetching":false,"paging":{"pageNo":1,"pageSize":6},"data":[]},"blockedFollowees":{"isFetching":false,"paging":{"pageNo":1,"pageSize":6},"data":[]},"ignoredTopics":{"isFetching":false,"paging":{"pageNo":1,"pageSize":6},"data":[]},"restrictedTopics":null,"laboratory":{}},"notification":{},"people":{"profileStatus":{},"activitiesByUser":{},"answersByUser":{},"answersSortByVotesByUser":{},"answersIncludedByUser":{},"votedAnswersByUser":{},"thankedAnswersByUser":{},"voteAnswersByUser":{},"thankAnswersByUser":{},"topicAnswersByUser":{},"zvideosByUser":{},"articlesByUser":{},"articlesSortByVotesByUser":{},"articlesIncludedByUser":{},"pinsByUser":{},"questionsByUser":{},"commercialQuestionsByUser":{},"favlistsByUser":{},"followingByUser":{},"followersByUser":{},"mutualsByUser":{},"followingColumnsByUser":{},"followingQuestionsByUser":{},"followingFavlistsByUser":{},"followingTopicsByUser":{},"publicationsByUser":{},"columnsByUser":{},"allFavlistsByUser":{},"brands":null,"creationsByUser":{},"creationsSortByVotesByUser":{},"creationsFeed":{},"infinity":{},"batchUsers":{},"profileInfinity":null},"env":{"ab":{"config":{},"triggers":{}},"abV2":{"config":{"paramMap":{"pc_mou_cre_remove":{"value":"0"},"ws_none":{"value":"newpage","abId":"h5_callback_test-1"},"ws_publish_answer":{"value":"1"},"uw_pc_pin_pattern":{"value":"0"},"ws_publish_ask":{"value":"1"},"ws_publish_post":{"value":"1"},"ws_platform_new":{"value":"0"},"ws_video_publish":{"value":"1"}},"abMap":{"h5_callback_test-1":{"abId":"h5_callback_test-1","layerId":"web_standard_domain_layer3"}}},"triggers":{}},"userAgent":{"Edge":false,"IE":false,"Wechat":false,"Weibo":false,"QQ":false,"MQQBrowser":false,"Qzone":false,"Mobile":false,"Android":false,"iOS":false,"isAppleDevice":false,"Zhihu":false,"ZhihuHybrid":false,"isBot":false,"Tablet":false,"UC":false,"Quark":false,"Sogou":false,"Qihoo":false,"Baidu":false,"BaiduApp":false,"Safari":false,"GoogleBot":false,"AndroidDaily":false,"iOSDaily":false,"WxMiniProgram":false,"BaiduMiniProgram":false,"QQMiniProgram":false,"JDMiniProgram":false,"isWebView":false,"isMiniProgram":false,"origin":"python-requests\u002F2.31.0"},"appViewConfig":{},"ctx":{"path":"\u002Fquestion\u002F282715644\u002Fanswer\u002F3166635147","query":{},"href":"http:\u002F\u002Fwww.zhihu.com\u002Fquestion\u002F282715644\u002Fanswer\u002F3166635147","host":"www.zhihu.com"},"trafficSource":"production","edition":{"beijing":false,"baidu":false,"sogou":false,"baiduBeijing":false,"sogouBeijing":false,"sogouInput":false,"oppoSearch":false,"baiduSearch":false,"googleSearch":false,"shenma":false,"miniProgram":false,"xiaomi":false,"huaweiSearch":false},"theme":"light","appHeaderTheme":{"current":"normal","disable":true,"normal":{"bgColor":"GBK99A"},"custom":{"bgColor":"GBK99A"}},"enableShortcut":true,"referer":"","xUDId":"","mode":"ssr","conf":{},"xTrafficFreeOrigin":"","ipInfo":{},"logged":false,"vars":{"passThroughHeaders":{}}},"me":{"columnContributions":[]},"label":{},"ecommerce":{},"comments":{"pagination":{},"collapsed":{},"reverse":{},"reviewing":{},"conversation":{},"parent":{}},"commentsV2":{"stickers":[],"commentWithPicPermission":{},"notificationsComments":{},"pagination":{},"collapsed":{},"reverse":{},"reviewing":{},"conversation":{},"conversationMore":{},"parent":{}},"pushNotifications":{"default":{"isFetching":false,"isDrained":false,"ids":[]},"follow":{"isFetching":false,"isDrained":false,"ids":[]},"vote_thank":{"isFetching":false,"isDrained":false,"ids":[]},"currentTab":"default","notificationsCount":{"default":0,"follow":0,"vote_thank":0}},"messages":{"data":{},"currentTab":"common","messageCount":0},"register":{"registerValidateSucceeded":null,"registerValidateErrors":{},"registerConfirmError":null,"sendDigitsError":null,"registerConfirmSucceeded":null},"login":{"loginUnregisteredError":false,"loginBindWechatError":false,"loginConfirmError":null,"sendDigitsError":null,"needSMSIdentify":false,"validateDigitsError":false,"loginConfirmSucceeded":null,"qrcodeLoginToken":"","qrcodeLoginScanStatus":0,"qrcodeLoginError":null,"qrcodeLoginReturnNewToken":false},"switches":{},"captcha":{"captchaNeeded":false,"captchaValidated":false},"sms":{"supportedCountries":[]},"chat":{"chats":{},"inbox":{"recents":{"isFetching":false,"isDrained":false,"isPrevDrained":false,"result":[],"next":null,"key":null},"strangers":{"isFetching":false,"isDrained":false,"isPrevDrained":false,"result":[],"next":null,"key":null},"friends":{"isFetching":false,"isDrained":false,"isPrevDrained":false,"result":[],"next":null,"key":null},"search":{"isFetching":false,"isDrained":false,"isPrevDrained":false,"result":[],"next":null,"key":null},"config":{"newCount":0,"strangerMessageSwitch":false,"strangerMessageUnread":false,"friendCount":0}},"global":{"isChatMqttExisted":false}},"emoticons":{"emoticonGroupList":[],"emoticonGroupDetail":{}},"creator":{"tools":{"question":{"invitationCount":{"questionFolloweeCount":0,"questionTotalCount":0}},"recommend":{"recommendTimes":{}}},"explore":{},"levelUpperLimit":10,"mcn":{},"mcnManage":{},"tasks":{},"announcement":{},"creatorsRecommendInfo":{}},"creators":{"common":{"applyStatus":{},"rightsStatus":{}},"bayesDomains":{"status":{},"options":{"topDomains":null,"allDomains":null,"editable":0},"contents":null},"school":{"tabs":[],"contents":[],"banner":null,"entities":{}},"faq":{"tabs":[],"article":{}},"knowledgeIncome":{},"safeguardRights":{},"analytics":{"all":{},"answer":{},"zvideo":{},"article":{},"pin":{},"singleContent":{}},"account":{"growthLevel":{}},"KMResource":{},"training":{},"ToolsQuestion":{"goodatTopics":[]},"ToolsHotspot":{"domains":[]},"ToolsRecommend":{},"ToolsCustomPromotion":{"itemLists":{},"baseInfo":{}},"ToolsSearchQuestion":{},"editorSetting":{},"MCNManage":{},"knowledgeTasks":{},"incomeAnalysis":{"income":{"aggregation":{}}},"creationManage":{"editModal":{"status":false}},"activity":{},"announcement":{},"home":{"currentCreatorUrlToken":null,"rights":[],"newRights":[],"scoreInfo":{},"menusShowControlByServer":{"bVipRecomend":false,"creationRelationship":false},"newTasks":{"creatorTask":{"tasks":[],"des":[]}},"bannerList":[],"recentlyCreated":[],"homecard":{},"homeData":{}},"videoSupport":{"textBenefit":{}},"videoDistribution":{},"profilePoster":{"creatorPosterConfig":{},"creatorPosterData":{}}},"question":{"followers":{},"concernedFollowers":{},"answers":{},"hiddenAnswers":{},"updatedAnswers":{},"ariaAnswers":{},"collapsedAnswers":{},"notificationAnswers":{},"invitedQuestions":{"total":{"count":null,"isEnd":false,"isLoading":false,"questions":[]},"followees":{"count":null,"isEnd":false,"isLoading":false,"questions":[]}},"laterQuestions":{"count":null,"isEnd":false,"isLoading":false,"questions":[]},"waitingQuestions":{"recommend":{"isEnd":false,"isLoading":false,"questions":[]},"invite":{"isEnd":false,"isLoading":false,"questions":[]},"newest":{"isEnd":false,"isLoading":false,"questions":[]},"hot":{"isEnd":false,"isLoading":false,"questions":[]}},"invitationCandidates":{},"inviters":{},"invitees":{},"similarQuestions":{},"questionBanners":{},"relatedCommodities":{},"bio":{},"brand":{},"permission":{},"adverts":{},"advancedStyle":{},"commonAnswerCount":0,"hiddenAnswerCount":0,"topicMeta":{"isLoading":{}},"bluestarRanklist":{},"relatedSearch":{},"autoInvitation":{},"simpleConcernedFollowers":{},"draftStatus":{},"disclaimers":{},"isShowMobileSignInModal":false},"shareTexts":{},"answers":{"voters":{},"upvoters":{},"copyrightApplicants":{},"favlists":{},"newAnswer":{},"entityWords":{},"paidContent":{},"settings":{},"relationEndorsement":{}},"banner":{},"topic":{"bios":{},"hot":{},"newest":{},"top":{},"sticky":{},"pin":{},"unanswered":{},"questions":{},"zivdeo":{},"zvideo-new":{},"pin20":{},"pin20-new":{},"followers":{},"contributors":{},"parent":{},"children":{},"bestAnswerers":{},"wikiMeta":{},"index":{},"intro":{},"meta":{},"schema":{},"creatorWall":{},"wikiEditInfo":{},"committedWiki":{},"landingBasicData":{},"landingExcellentItems":[],"landingExcellentEditors":[],"landingCatalog":[],"landingEntries":{}},"explore":{"recommendations":{},"specials":{"entities":{},"order":[]},"roundtables":{"entities":{},"order":[]},"collections":{},"columns":{},"square":{"hotQuestionList":[],"potentialList":[]}},"articles":{"voters":{},"upvoters":{},"relationEndorsement":{}},"favlists":{"relations":{}},"pins":{"reviewing":{}},"topstory":{"recommend":{"isFetching":false,"isDrained":false,"afterId":0,"items":[],"next":null},"follow":{"isFetching":false,"isDrained":false,"afterId":0,"items":[],"next":null},"followWonderful":{"isFetching":false,"isDrained":false,"afterId":0,"items":[],"next":null},"sidebar":null,"announcement":{},"hotList":[],"hotListHeadZone":[],"guestFeeds":{"isFetching":false,"isDrained":false,"afterId":0,"items":[],"next":null},"followExtra":{"isNewUser":null,"isFetched":false,"followCount":0,"followers":[]},"hotDaily":{"data":[],"paging":{}},"hotHighlight":{"isFetching":false,"isDrained":false,"data":[],"paging":{}},"banner":{},"commercialBanner":{"show":false,"banner":{},"trackData":{}},"video":{"items":[],"next":null,"isLoading":false,"isDrained":false}},"upload":{},"video":{"data":{},"shareVideoDetail":{},"last":{}},"zvideos":{"campaignVideoList":{},"campaigns":{},"tagoreCategory":[],"recommendations":{},"insertable":{},"recruit":{"form":{"platform":"","nickname":"","followerCount":"","domain":"","contact":""},"submited":false,"ranking":[]},"qyActivityData":{},"talkActivityData":{},"party2022ActivityData":{},"batchVideos":{},"contribution":{"selectedContribution":null,"campaign":null,"configs":{},"contributionLists":{},"recommendQuestions":{"isLoading":true,"paging":{"isEnd":false,"isStart":true,"totals":0},"data":[]},"questionSearchResults":{"isLoading":true,"paging":{"isEnd":false,"isStart":true,"totals":0},"data":[]}},"creationReferences":{},"zvideoCollection":{},"zvideoGrant":{},"collectData":{"isFetching":false,"list":[]},"videoSource":{"isLoaded":false}},"guide":{"guide":{"isFetching":false,"isShowGuide":false}},"reward":{"answer":{},"article":{},"question":{}},"search":{"recommendSearch":[],"topSearch":{},"searchValue":{},"suggestSearch":{},"attachedInfo":{"generalByQuery":{}},"nextOffset":{"generalByQuery":{}},"topicReview":{},"sidebar":{},"calendar":{},"scores":null,"majors":{},"university":{},"generalByQuery":{},"generalByQueryInADay":{},"generalByQueryInAWeek":{},"generalByQueryInThreeMonths":{},"peopleByQuery":{},"topicByQuery":{},"zvideoByQuery":{},"scholarByQuery":{},"columnByQuery":{},"liveByQuery":{},"albumByQuery":{},"eBookByQuery":{},"kmGeneralByQuery":{},"kmCourseByQuery":{},"customFilter":{"requestFinished":false,"keys":[],"tags":[]}},"creatorSalt":{"recommendQuestionList":[],"bannerList":[],"claimBannerList":[],"sites":[],"domains":{},"hasRecored":false,"hasClaim":false,"hasContributedList":[],"notContributedList":[],"contributesTotal":null,"previewPageTitle":"","previewPageContent":"","restContributionNumber":"-"},"publicEditPermission":{},"readStatus":{},"draftHistory":{"history":{},"drafts":{}},"notifications":{"recent":{"isFetching":false,"isDrained":false,"isPrevDrained":false,"result":[],"next":null,"key":null},"history":{"isFetching":false,"isDrained":false,"isPrevDrained":false,"result":[],"next":null,"key":null},"notificationActors":{"isFetching":false,"isDrained":false,"isPrevDrained":false,"result":[],"next":null,"key":null},"recentNotificationEntry":"all"},"specials":{"entities":{},"all":{"data":[],"paging":{},"isLoading":false}},"collections":{"hot":{"data":[],"paging":{},"isLoading":false},"collectionFeeds":{}},"userProfit":{"permission":{"permissionStatus":{"zhiZixuan":0,"recommend":-1,"task":0,"plugin":0,"infinity":0},"visible":false},"linkCardLimit":0},"mcn":{"bindInfo":{},"memberCategoryList":[],"producerList":[],"categoryList":[],"lists":{},"banners":{},"protocolStatus":{"isAgreedNew":true,"isAgreedOld":true},"probationCountdownDays":0},"mcnActivity":{"household":{"products":{},"rankList":{"total":{},"yesterday":{}}}},"brand":{"contentPlugin":{}},"host":{"roundtable":{"subjects":{},"applications":{"total":0},"online":{"total":0},"applies":{},"details":{},"includedResource":{},"hotQuestions":{},"warmupContents":{},"batchInclude":{}},"special":{"applications":{"total":0,"pages":{},"entities":{}},"censorHistory":{},"drafts":{}}},"campaign":{"single":{},"list":{},"videoMakerAcq":{},"vote":{},"cardCollecting":{"message":null,"profile":{"balance":"0","chance":0,"coinNum":0,"gatherClose":false,"isGotMagicCard":false,"isPay":false,"partitionStart":false,"totalDone":0,"withdrawStart":false},"sharePoster":{"share":"","sendCard":"","invite":""},"shareLink":null,"shareIntention":"share","shareKey":null,"shareCardId":null,"inviterInfo":null,"giverInfo":null,"prize":null,"receivedCard":null,"newCoinCount":null,"newCardList":[],"newUserCardCount":1,"taskList":[],"prizeList":null,"cardList":null,"panel":{"showTaskPanel":false,"showRewardPanel":false},"modal":{"showWelcomeModal":false,"showFusionModal":false,"showFusionPromptModal":false,"showShareModal":false,"showBackModal":false}},"zhiboPandian2020":null,"boarding":{},"searchGaokaoSubPage":{},"searchHealth":{}},"knowledgePlan":{"lists":{},"allCreationRankList":{},"featuredQuestions":{}},"wallE":{"protectHistory":{"total":0,"pages":{},"entities":{}}},"roundtables":{"hotQuestions":{},"warmupContents":{},"hotDiscussions":{},"selectedContents":{},"roundtables":{}},"helpCenter":{"entities":{"question":{},"category":{}},"categories":[],"commonQuestions":[],"relatedQuestions":{},"faqTypes":[]},"republish":{},"commercialReport":{"commercialTypes":[]},"creatorMCN":{"mcn":{},"mcnStatistics":{},"mcnRight":{"bind":false,"coupon":false},"isNoAuth":false,"creatorManageData":[],"creatorManageDataTotal":1,"mcnDomains":[],"bill":{"list":{},"detail":{}},"healthScore":{"healthScore":"0","updateTime":"","evaluate":""},"healthScoreRecordInfo":{},"statisticHealthScoreData":{},"beforeDownloadCheckResult":{}},"commentManage":{"commentList":{"ids":[],"entities":{},"nextOffset":0,"urlToken":""},"subCommentList":{"ids":[],"entities":{},"paging":{"next":"","isEnd":false}}},"commentPermission":{},"creatorRightStatus":{"list":[]},"zhiPlus":{"permissionStatus":9999},"streaming":{},"creationRanking":{},"eduSections":{"eduSectionState":{}},"adPromotion":{"answer":{},"article":{}},"editVideo":{"editVideoEnabled":false}},"subAppName":"main","spanName":"AnswerPage","canaryConfig":{"test_canary":"0","use_new_player":"0","player_vendor":"0","use_hevc":"0","upload_use_signature":"0","use_backdrop_blur":"0","article_title_imagex":"0","play_station":"0","use_cached_supported_countries":"1"}}&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/vendor.b2043823c211547b094b.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/event/react@17.0.2/umd/react.production.min.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/event/react-dom@17.0.2/umd/react-dom.production.min.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/event/react-dom@17.0.2/umd/react-dom-server.browser.production.min.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/runtime.app.81fe6b473bdd6d921fb0.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/1814.app.2d0e908f2b43f21d9681.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/main.app.3b7138ce863e4571d2f7.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-29107295.0692d5fe944e8fb46775.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-0e5ce61e.3551e3166f54bb9b6300.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-79b5cf47.ef9f36ceaff90561a471.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-75fc9c18.fa82171dc3014b0aaa1d.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-330004dc.42a9ad3cdb7831446b3b.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-38cf5c11.fcd37182eaf1cc9980bc.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-2ec050f6.285287277f7ce19ff37b.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/lib-83b0f42f.700ada454a41f08b2365.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-e5fb4baf7f81913234c8ae38d77981ef34c5b741.23ea6eb1aaaa3aa8b87c.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-0b43bf3e67dbb6b623fe8ec6c5d091d1b549b2dc.ecc26a2a06697b591274.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-c1b26e28f9af848665b4dda36429ffbbc02ba722.f8c727488b771f3b48d1.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-33741370830005be76ce2de074412d202d48915c.9fec12b1bd94bd10ecfd.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-11cdd05708e8231a679e46442ff0ae122532f1bc.ef517b793817666bf5a5.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-707a11ebc868d394defdec5e3c9c3bd627194a5c.14267482ac034e23d6a9.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-344960c9bb3f9e501026d17224a6974d3281f1a3.839707b334ea62792793.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-30b2a91d27f48fa9c977462bb1d69791a88a1110.d84477db994280b1b881.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-faeff54b296b1c154036fc9f6ca9c13ea6d336f2.c8aab027acdeb65b7e40.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-7df56d9846d5f71fc0428c60463f36496d768b20.759d8e99f22c2a4edb79.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-d0bb0dc86392a7e972798467f9dd20ba179b044b.2a4b81c807b0f7d17993.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-ff6488b53b31e2f26005da423c1542f5a34ce2b9.a1d71dee738bd1e7e604.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-299e64daabd85e596c68c7164ca822525e0cb130.9d20decf619c560cc9c9.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-a3708c7e8c84cce0a3b8da43db0c3cd735be2320.5d9b39f734a47c294160.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/shared-c28a9bf3464dd32af4306520d44ac7bcef62e866.9d4098a2070ee9fd2eea.js"&gt;&lt;/script&gt;&lt;script crossorigin="" src="https://static.zhihu.com/heifetz/chunks/main-question-routes.911596c34e22d3005e9a.js"&gt;&lt;/script&gt;&lt;script defer="" src="https://static.zhihu.com/event/wza/4613/aria.js?appid=a3637ace5dc3a347f6863b0bac487599" id="ariascripts" wapForceOldFixed="false" loadData="false"&gt;&lt;/script&gt;&lt;/body&gt;&lt;script src="https://hm.baidu.com/hm.js?98beee57fd2ef70ccdd5ca52b9740c49" async=""&gt;&lt;/script&gt;&lt;/html&gt;
</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=0a74c231">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [32]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="n">content2</span> <span class="o">=</span> <span class="n">response2</span><span class="o">.</span><span class="n">text</span>
<span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">content2</span><span class="p">,</span><span class="s2">"html.parser"</span><span class="p">)</span>
<span class="n">titless</span> <span class="o">=</span> <span class="n">soup</span><span class="o">.</span><span class="n">findAll</span><span class="p">(</span><span class="s2">"p"</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">titless</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>[&lt;p data-first-child="" data-pid="c9OH5-Aq"&gt;在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AIGC已经融入了我的工作和生活，我自己使用过的AI工具大致有chatgpt、Claude、notion ai、newbing、wps ai、midjourney等。&lt;/p&gt;, &lt;p data-pid="7hD7uOnN"&gt;在介绍ai工具之前，我们得先理解，ai是一个工具，它有自己的模型或者数据库，它只是在数据库里「努力地」给你答案。&lt;/p&gt;, &lt;p data-pid="4sYtLBKN"&gt;ai不是先知。&lt;/p&gt;, &lt;p data-pid="JFpcqFq7"&gt;这里借用卡兹克大佬的在chatgpt一周年的提问图：&lt;/p&gt;, &lt;p data-pid="WA0XNICZ"&gt;在AIGC已经成为部分人的生产力和生产工具，帮助他们提高工作效率的时候，有些小伙伴还不知道AIGC是什么，或者还不知道怎么使用。曾有个小伙伴拿了个app，跟我说：“这个机器人还挺好玩。”还有个小伙伴跟我说：“ai生成的东西能用百分之二三十就很不错了。”&lt;/p&gt;, &lt;p data-pid="h_Yt1v1z"&gt;其实不是AI“中二”，而是人类不会用。&lt;/p&gt;, &lt;p data-pid="_Vdbr-Al"&gt;使用AI的本质是通过prompt（提示词）让AI生成贴近你想要的内容，换种说法就是用机器的语言（指令）与它对话，而不是用人类的语言。不太了解的小伙伴可以先通过体验课感受一下AIGC：&lt;/p&gt;, &lt;p data-pid="l7wSlOMA"&gt;&lt;b&gt;这个课程邀请了2位圈内大佬进行讲课，现在课程还免费，建议有时间的都听听～&lt;/b&gt;&lt;/p&gt;, &lt;p data-pid="DP0TIt-j"&gt;&lt;b&gt;我使用ai工具，大致有以下几种用法：内容生成、解读文档、干杂活——整理表格、做PPT、查资料、做图片……&lt;/b&gt;&lt;/p&gt;, &lt;p data-pid="AwWfBhVj"&gt;&lt;b&gt;每个ai都能做这些事情，下面我是挑选我在使用过程中，感觉这些ai更优秀的方面介绍。&lt;/b&gt;&lt;/p&gt;, &lt;p data-pid="-mktNdWl"&gt;每一个ai都能内容生成，简单的说，就是你问问题，它回答。你叫它帮你写一段话、写一篇文章，都可以。我一般用chatgpt和Claude来进行内容撰写。&lt;/p&gt;, &lt;p data-pid="MvT3_WQ0"&gt;我想chatgpt就不用做太多介绍了，出圈的就是它，而且也是它带火了AIGC。&lt;/p&gt;, &lt;p data-pid="cvzNA4P3"&gt;ChatGPT在文本生成方面更有优势，我平时会用它在寻找灵感或者创意，大语言模型可以给我更多想法。&lt;/p&gt;, &lt;p data-pid="KNgaI4PF"&gt;例如：  &lt;/p&gt;, &lt;p data-pid="10tRMDrq"&gt; 同理，还可以用chatgpt进行扩词、生成多场景内容等。&lt;/p&gt;, &lt;p data-pid="XgK-KbmJ"&gt;当然，它也是一名很不错的程序员，可以给我们写写程序，确实是一个很不错的超级助手哦。比如我想快速做一个思维导图，我只需要给到chatgpt一些内容，让它帮我编写一些简单编程内容。  &lt;/p&gt;, &lt;p data-pid="KN3W1Fxl"&gt;Claude也有相同的用法。&lt;/p&gt;, &lt;p data-pid="zn0wlV5J"&gt;杨植麟在今年3月1日成立的通用人工智能（AGI）公司“月之暗面”（英文名MoonShot AI），发布了其千亿参数级大模型moonshot，以及搭载该模型的智能助手Kimi Chat。&lt;/p&gt;, &lt;p data-pid="sAjSRrwV"&gt;Kimi Chat最多支持20万汉字的超长文本输入，是目前全球市场上能够产品化使用的大模型服务中所能支持的最长上下文输入长度。&lt;/p&gt;, &lt;p data-pid="YB5ACSPc"&gt;我主要用它来总结文档、pdf、world等，浅浅实验了一下，用kimi来划文档金句，还是比较准确的，内容是从我给的文档中出来的，没有胡说八道给我编。&lt;/p&gt;, &lt;p data-pid="M0_WRb4g"&gt;另外，kimi是联网的，时效性很强。&lt;/p&gt;, &lt;p data-pid="wFFRcA9Q"&gt;下面是kimi给的一个案例：提示问题和回答的内容。在主页可以看到。&lt;/p&gt;, &lt;p data-pid="Fxnypt3D"&gt;kimi现在是免费的，不需要魔法，微信或者手机号登录就可以使用了。&lt;/p&gt;, &lt;p data-pid="SKZAZ9eE"&gt;Claude也可以解读文档，但需要魔法，对国内用户不太有好。&lt;/p&gt;, &lt;p data-pid="570PaiNc"&gt;这是我经常干的事了，把杂活丢给ai干，自己就有更多时间摸鱼（啊，不是，思考其他问题）啦啦啦~&lt;/p&gt;, &lt;p data-pid="KlJpPVk6"&gt;&lt;br/&gt;notion是一款笔记软件，被国内笔记软件抄到爆。&lt;/p&gt;, &lt;p data-pid="1ZQtwd3s"&gt;平时我会用notion来整理日常资料、记笔记、管理项目和工作流程、进行日程安排、做知识管理，还会用它来记录收支。总之，这是目前我使用的，也是很多网友认可的一款非常优秀的笔记应用。&lt;br/&gt;这里我想说说Notion ai，这是植入在Notion中的一款ai工具，使用Notion ai不需要魔法。&lt;br/&gt;我特别喜欢用它，是因为我在使用notion进行日常工作的时候可以随时将它调出来，帮我整理内容。&lt;/p&gt;, &lt;p data-pid="tBVJOUlA"&gt;比如我需要统计办公室人员领取的办公用品时，每个人给我报了数量，这时我收到的是一堆非常零散的数据，不管我用Excel表格还是其他方法，我都要自己再算一次，统计出总数。而我使用Notion ai的话，我只需要把每个人需要的东西列上去，然后一键选择，通过“ask ai”，让它帮我计算出总数，整个过程几秒钟搞定了，非常方便快捷。&lt;/p&gt;, &lt;p class="ztext-empty-paragraph"&gt;&lt;br/&gt;&lt;/p&gt;, &lt;p data-pid="94txNeOk"&gt;&lt;br/&gt;Notion ai的好处就是我可以随时选择一段文字进行提问，并且生成的答案直接记录在软件里。&lt;/p&gt;, &lt;p data-pid="bCrkW1bE"&gt;&lt;br/&gt;Notion ai可以进行总结、翻译、查找等，另外还可以用Notion ai对文档进行整理，提取需要做的事项，整理成Todo list的格式。它是一个很优秀的办公小助手，我平时会丢一堆“杂活”给它干。基于Notion强大的平台，这已经成为我日常工作离不开的助手之一了。&lt;/p&gt;, &lt;p data-pid="4panM3yT"&gt;&lt;br/&gt;Notion ai接入的是chatgpt的接口，而且似乎是比较古早的接口，如果想在内容生成更好的情况下，可以考虑Chatgpt。&lt;/p&gt;, &lt;p data-pid="gB0YJFdG"&gt;Notion ai可以实现的功能，chatgpt基本都能实现，而且生成的内容会更好，先看一个对比表格：&lt;/p&gt;, &lt;p class="ztext-empty-paragraph"&gt;&lt;br/&gt;&lt;/p&gt;, &lt;p data-pid="VFm_ibfD"&gt;这是最新用的一款ai，植入在wps里，用它来做ppt特别快。平时每次做ppt，找模板、画表格之类的，都很头大啊，用完wps之后，只需要把大纲丢进去，然后把风格和要求说一下，坐等它设计，最后自己再根据内容稍微调整一下，妥妥搞定。效率不是一般地高。  &lt;/p&gt;, &lt;p data-pid="VDd8JrwT"&gt;wps ai做PPT，颜值还是在线的。但我不是付费用户，所以好像每个月要申请一次试用，付费用户可以长期使用。&lt;/p&gt;, &lt;p data-pid="vhbzQerP"&gt;详细的用ai做PPT的方法，可以看这篇内容哦：&lt;/p&gt;, &lt;p data-pid="VXUjRTCM"&gt;我试用过几个ai来检索资料，目前Newbing效果最好。它能联网，比如我需要查国外的文献出处，就直接用newbing帮我找，很多时候能直接找到电子版的原文，节省了我好多时间，不用再苦逼地一点点翻数据库或者翻网站了。准确度也比较高。&lt;/p&gt;, &lt;p data-pid="GUrJ_wSl"&gt;另一个例子是我要找一张图片的下载地址，newbing给出来的回答：&lt;/p&gt;, &lt;p data-pid="MUKtP3sy"&gt;通过链接可以进到这个网页：&lt;/p&gt;, &lt;p data-pid="MsC2rElZ"&gt;用newbing搜索，和百度等普通搜索引擎搜索最大的区别是，newbing会筛选出更加精准地网址，提供给你，如果描述得详细的话，得到的网址会更精确。我们只需要点进去验证是否是自己想要的内容就可以了。&lt;/p&gt;, &lt;p data-pid="G48fjggu"&gt;而百度等普通搜索引擎会搜索出很多类似的网址，需要自己一个个点进去查看，效率会很低。&lt;/p&gt;, &lt;p data-pid="l7MsDV_k"&gt;图片生成的ai，也是超级火爆的一款了，虽然我自己是纯玩，没用它来为我做什么事，但我同行的老师已经用它来辅助设计了。&lt;/p&gt;, &lt;p data-pid="r4VoeoHV"&gt;还有艺术家用midjourney生成的图片做了个展览，展览的图片由midjourney生成。虽然这个展览生成的图片比较一般，但它确实给没接触过AI的朋友们很大的震撼。&lt;/p&gt;, &lt;p data-pid="gk8ffbdH"&gt;我自己现在在装修房子，也悄咪咪用midjourney给我画了几张效果图，浅浅放一下我比较喜欢的两张：&lt;/p&gt;, &lt;p data-pid="Hs4aM37X"&gt;使用过程是让Claude给我写提示词，然后复制到midjourney给我出图。&lt;/p&gt;, &lt;p data-pid="XUlHrITl"&gt;&lt;b&gt;说了这么多，其实很多人已经把AI当成生产力的工具使用了，在平时工作的时候，AIGC在特定任务和场景下是有一定的优势的，比如：&lt;/b&gt;&lt;/p&gt;, &lt;p data-pid="wUfjUAE-"&gt;&lt;b&gt;1.速度和效率：&lt;/b&gt;AIGC可以快速地处理和生成文本，它不会受到人类的思考时间和疲劳影响，在处理大量信息或执行重复任务时更高效。&lt;/p&gt;, &lt;p data-pid="eYcN0gha"&gt;&lt;b&gt;2.大规模信息处理：&lt;/b&gt;AIGC可以快速阅读和理解大量文本信息，在进行信息搜集、总结和归纳，处理超出人类处理能力的海量数据。&lt;/p&gt;, &lt;p data-pid="3PKLGqhM"&gt;&lt;b&gt;3.无需休息：&lt;/b&gt;与人类不同，AIGC不需要休息或休息时间，随时在线。相当于一个24小时随时在线的助手，不管你什么时候找它，它都不会生气。&lt;/p&gt;, &lt;p data-pid="9g0PGuFW"&gt;&lt;b&gt;AI 场景使用很多、应用也非常广泛，现在AI以及渗透到我们的生活和工作中了，未来会用AI的人一定能会领先很多。如果不懂ai，可能落后的就不是一点点了。&lt;/b&gt;&lt;/p&gt;, &lt;p data-pid="Zg8f9kp1"&gt;在深入学习AI之前，我建议大家先了解一些基本的AI概念，比如机器学习、编程逻辑、自然语言处理等，AI处理数据的模式和人类的思维模式差别很大，了解了AI处理数据的模式，可以让我们更快的掌握这个技术。&lt;/p&gt;, &lt;p data-pid="XUQCOdAR"&gt;如果想快速掌握使用AI的技巧，以我自己小白的经历来看，建议大家去报班学习一下，有老师和大神指导，会事半功倍。因为我自己原来就是个小白，对AIGC不了解，甚至不知道入口在哪里，直接卡死在第一步。后来报班系统的学习了之后，才大概了解了AIGC；它的工作原理；以及怎样使用prompt；怎样提出高效的问题，让AI生成最接近我需要的内容。&lt;/p&gt;, &lt;p data-pid="-WVhTnut"&gt;有兴趣的小伙伴可以体验一下知乎这个课程，一起做AI这个第四次工业革命的先锋吧～&lt;/p&gt;, &lt;p&gt;&lt;/p&gt;]
</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=a41953bb">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [37]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="n">sentence</span><span class="o">=</span><span class="n">soup</span><span class="o">.</span><span class="n">findAll</span><span class="p">(</span><span class="s1">'p'</span><span class="p">)</span>
<span class="n">Sentences</span><span class="o">=</span><span class="p">[]</span>
<span class="k">for</span> <span class="n">word</span> <span class="ow">in</span> <span class="n">sentence</span><span class="p">:</span>
        <span class="k">if</span> <span class="n">word</span><span class="o">.</span><span class="n">string</span><span class="p">:</span>
            <span class="n">Sentences</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="nb">str</span><span class="p">(</span><span class="n">word</span><span class="o">.</span><span class="n">string</span><span class="p">))</span>
            <span class="nb">print</span><span class="p">(</span><span class="n">word</span><span class="o">.</span><span class="n">string</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AIGC已经融入了我的工作和生活，我自己使用过的AI工具大致有chatgpt、Claude、notion ai、newbing、wps ai、midjourney等。
在介绍ai工具之前，我们得先理解，ai是一个工具，它有自己的模型或者数据库，它只是在数据库里「努力地」给你答案。
ai不是先知。
这里借用卡兹克大佬的在chatgpt一周年的提问图：
在AIGC已经成为部分人的生产力和生产工具，帮助他们提高工作效率的时候，有些小伙伴还不知道AIGC是什么，或者还不知道怎么使用。曾有个小伙伴拿了个app，跟我说：“这个机器人还挺好玩。”还有个小伙伴跟我说：“ai生成的东西能用百分之二三十就很不错了。”
其实不是AI“中二”，而是人类不会用。
使用AI的本质是通过prompt（提示词）让AI生成贴近你想要的内容，换种说法就是用机器的语言（指令）与它对话，而不是用人类的语言。不太了解的小伙伴可以先通过体验课感受一下AIGC：
这个课程邀请了2位圈内大佬进行讲课，现在课程还免费，建议有时间的都听听～
我使用ai工具，大致有以下几种用法：内容生成、解读文档、干杂活——整理表格、做PPT、查资料、做图片……
每个ai都能做这些事情，下面我是挑选我在使用过程中，感觉这些ai更优秀的方面介绍。
每一个ai都能内容生成，简单的说，就是你问问题，它回答。你叫它帮你写一段话、写一篇文章，都可以。我一般用chatgpt和Claude来进行内容撰写。
我想chatgpt就不用做太多介绍了，出圈的就是它，而且也是它带火了AIGC。
ChatGPT在文本生成方面更有优势，我平时会用它在寻找灵感或者创意，大语言模型可以给我更多想法。
例如：  
 同理，还可以用chatgpt进行扩词、生成多场景内容等。
当然，它也是一名很不错的程序员，可以给我们写写程序，确实是一个很不错的超级助手哦。比如我想快速做一个思维导图，我只需要给到chatgpt一些内容，让它帮我编写一些简单编程内容。  
Claude也有相同的用法。
杨植麟在今年3月1日成立的通用人工智能（AGI）公司“月之暗面”（英文名MoonShot AI），发布了其千亿参数级大模型moonshot，以及搭载该模型的智能助手Kimi Chat。
Kimi Chat最多支持20万汉字的超长文本输入，是目前全球市场上能够产品化使用的大模型服务中所能支持的最长上下文输入长度。
我主要用它来总结文档、pdf、world等，浅浅实验了一下，用kimi来划文档金句，还是比较准确的，内容是从我给的文档中出来的，没有胡说八道给我编。
另外，kimi是联网的，时效性很强。
下面是kimi给的一个案例：提示问题和回答的内容。在主页可以看到。
kimi现在是免费的，不需要魔法，微信或者手机号登录就可以使用了。
Claude也可以解读文档，但需要魔法，对国内用户不太有好。
这是我经常干的事了，把杂活丢给ai干，自己就有更多时间摸鱼（啊，不是，思考其他问题）啦啦啦~
比如我需要统计办公室人员领取的办公用品时，每个人给我报了数量，这时我收到的是一堆非常零散的数据，不管我用Excel表格还是其他方法，我都要自己再算一次，统计出总数。而我使用Notion ai的话，我只需要把每个人需要的东西列上去，然后一键选择，通过“ask ai”，让它帮我计算出总数，整个过程几秒钟搞定了，非常方便快捷。
Notion ai可以实现的功能，chatgpt基本都能实现，而且生成的内容会更好，先看一个对比表格：
这是最新用的一款ai，植入在wps里，用它来做ppt特别快。平时每次做ppt，找模板、画表格之类的，都很头大啊，用完wps之后，只需要把大纲丢进去，然后把风格和要求说一下，坐等它设计，最后自己再根据内容稍微调整一下，妥妥搞定。效率不是一般地高。  
wps ai做PPT，颜值还是在线的。但我不是付费用户，所以好像每个月要申请一次试用，付费用户可以长期使用。
详细的用ai做PPT的方法，可以看这篇内容哦：
我试用过几个ai来检索资料，目前Newbing效果最好。它能联网，比如我需要查国外的文献出处，就直接用newbing帮我找，很多时候能直接找到电子版的原文，节省了我好多时间，不用再苦逼地一点点翻数据库或者翻网站了。准确度也比较高。
另一个例子是我要找一张图片的下载地址，newbing给出来的回答：
通过链接可以进到这个网页：
用newbing搜索，和百度等普通搜索引擎搜索最大的区别是，newbing会筛选出更加精准地网址，提供给你，如果描述得详细的话，得到的网址会更精确。我们只需要点进去验证是否是自己想要的内容就可以了。
而百度等普通搜索引擎会搜索出很多类似的网址，需要自己一个个点进去查看，效率会很低。
图片生成的ai，也是超级火爆的一款了，虽然我自己是纯玩，没用它来为我做什么事，但我同行的老师已经用它来辅助设计了。
还有艺术家用midjourney生成的图片做了个展览，展览的图片由midjourney生成。虽然这个展览生成的图片比较一般，但它确实给没接触过AI的朋友们很大的震撼。
我自己现在在装修房子，也悄咪咪用midjourney给我画了几张效果图，浅浅放一下我比较喜欢的两张：
使用过程是让Claude给我写提示词，然后复制到midjourney给我出图。
说了这么多，其实很多人已经把AI当成生产力的工具使用了，在平时工作的时候，AIGC在特定任务和场景下是有一定的优势的，比如：
AI 场景使用很多、应用也非常广泛，现在AI以及渗透到我们的生活和工作中了，未来会用AI的人一定能会领先很多。如果不懂ai，可能落后的就不是一点点了。
在深入学习AI之前，我建议大家先了解一些基本的AI概念，比如机器学习、编程逻辑、自然语言处理等，AI处理数据的模式和人类的思维模式差别很大，了解了AI处理数据的模式，可以让我们更快的掌握这个技术。
如果想快速掌握使用AI的技巧，以我自己小白的经历来看，建议大家去报班学习一下，有老师和大神指导，会事半功倍。因为我自己原来就是个小白，对AIGC不了解，甚至不知道入口在哪里，直接卡死在第一步。后来报班系统的学习了之后，才大概了解了AIGC；它的工作原理；以及怎样使用prompt；怎样提出高效的问题，让AI生成最接近我需要的内容。
有兴趣的小伙伴可以体验一下知乎这个课程，一起做AI这个第四次工业革命的先锋吧～
</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=2e53d3f1">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [38]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#将列表转化为能够存储到Excel中的文件类型</span>
<span class="n">df2</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">({</span><span class="s1">'AI'</span><span class="p">:</span><span class="n">Sentences</span><span class="p">})</span>
<span class="n">df2</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child jp-OutputArea-executeResult">
<div class="jp-OutputPrompt jp-OutputArea-prompt">Out[38]:</div>
<div class="jp-RenderedHTMLCommon jp-RenderedHTML jp-OutputArea-output jp-OutputArea-executeResult" data-mime-type="text/html" tabindex="0">
<div>
<style scoped="">
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
<thead>
<tr style="text-align: right;">
<th></th>
<th>AI</th>
</tr>
</thead>
<tbody>
<tr>
<th>0</th>
<td>在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AI...</td>
</tr>
<tr>
<th>1</th>
<td>在介绍ai工具之前，我们得先理解，ai是一个工具，它有自己的模型或者数据库，它只是在数据库里...</td>
</tr>
<tr>
<th>2</th>
<td>ai不是先知。</td>
</tr>
<tr>
<th>3</th>
<td>这里借用卡兹克大佬的在chatgpt一周年的提问图：</td>
</tr>
<tr>
<th>4</th>
<td>在AIGC已经成为部分人的生产力和生产工具，帮助他们提高工作效率的时候，有些小伙伴还不知道A...</td>
</tr>
<tr>
<th>5</th>
<td>其实不是AI“中二”，而是人类不会用。</td>
</tr>
<tr>
<th>6</th>
<td>使用AI的本质是通过prompt（提示词）让AI生成贴近你想要的内容，换种说法就是用机器的语...</td>
</tr>
<tr>
<th>7</th>
<td>这个课程邀请了2位圈内大佬进行讲课，现在课程还免费，建议有时间的都听听～</td>
</tr>
<tr>
<th>8</th>
<td>我使用ai工具，大致有以下几种用法：内容生成、解读文档、干杂活——整理表格、做PPT、查资料...</td>
</tr>
<tr>
<th>9</th>
<td>每个ai都能做这些事情，下面我是挑选我在使用过程中，感觉这些ai更优秀的方面介绍。</td>
</tr>
<tr>
<th>10</th>
<td>每一个ai都能内容生成，简单的说，就是你问问题，它回答。你叫它帮你写一段话、写一篇文章，都可...</td>
</tr>
<tr>
<th>11</th>
<td>我想chatgpt就不用做太多介绍了，出圈的就是它，而且也是它带火了AIGC。</td>
</tr>
<tr>
<th>12</th>
<td>ChatGPT在文本生成方面更有优势，我平时会用它在寻找灵感或者创意，大语言模型可以给我更多想法。</td>
</tr>
<tr>
<th>13</th>
<td>例如：</td>
</tr>
<tr>
<th>14</th>
<td>同理，还可以用chatgpt进行扩词、生成多场景内容等。</td>
</tr>
<tr>
<th>15</th>
<td>当然，它也是一名很不错的程序员，可以给我们写写程序，确实是一个很不错的超级助手哦。比如我想快...</td>
</tr>
<tr>
<th>16</th>
<td>Claude也有相同的用法。</td>
</tr>
<tr>
<th>17</th>
<td>杨植麟在今年3月1日成立的通用人工智能（AGI）公司“月之暗面”（英文名MoonShot A...</td>
</tr>
<tr>
<th>18</th>
<td>Kimi Chat最多支持20万汉字的超长文本输入，是目前全球市场上能够产品化使用的大模型服...</td>
</tr>
<tr>
<th>19</th>
<td>我主要用它来总结文档、pdf、world等，浅浅实验了一下，用kimi来划文档金句，还是比较...</td>
</tr>
<tr>
<th>20</th>
<td>另外，kimi是联网的，时效性很强。</td>
</tr>
<tr>
<th>21</th>
<td>下面是kimi给的一个案例：提示问题和回答的内容。在主页可以看到。</td>
</tr>
<tr>
<th>22</th>
<td>kimi现在是免费的，不需要魔法，微信或者手机号登录就可以使用了。</td>
</tr>
<tr>
<th>23</th>
<td>Claude也可以解读文档，但需要魔法，对国内用户不太有好。</td>
</tr>
<tr>
<th>24</th>
<td>这是我经常干的事了，把杂活丢给ai干，自己就有更多时间摸鱼（啊，不是，思考其他问题）啦啦啦~</td>
</tr>
<tr>
<th>25</th>
<td>比如我需要统计办公室人员领取的办公用品时，每个人给我报了数量，这时我收到的是一堆非常零散的数...</td>
</tr>
<tr>
<th>26</th>
<td>Notion ai可以实现的功能，chatgpt基本都能实现，而且生成的内容会更好，先看一个...</td>
</tr>
<tr>
<th>27</th>
<td>这是最新用的一款ai，植入在wps里，用它来做ppt特别快。平时每次做ppt，找模板、画表格...</td>
</tr>
<tr>
<th>28</th>
<td>wps ai做PPT，颜值还是在线的。但我不是付费用户，所以好像每个月要申请一次试用，付费用...</td>
</tr>
<tr>
<th>29</th>
<td>详细的用ai做PPT的方法，可以看这篇内容哦：</td>
</tr>
<tr>
<th>30</th>
<td>我试用过几个ai来检索资料，目前Newbing效果最好。它能联网，比如我需要查国外的文献出处...</td>
</tr>
<tr>
<th>31</th>
<td>另一个例子是我要找一张图片的下载地址，newbing给出来的回答：</td>
</tr>
<tr>
<th>32</th>
<td>通过链接可以进到这个网页：</td>
</tr>
<tr>
<th>33</th>
<td>用newbing搜索，和百度等普通搜索引擎搜索最大的区别是，newbing会筛选出更加精准地...</td>
</tr>
<tr>
<th>34</th>
<td>而百度等普通搜索引擎会搜索出很多类似的网址，需要自己一个个点进去查看，效率会很低。</td>
</tr>
<tr>
<th>35</th>
<td>图片生成的ai，也是超级火爆的一款了，虽然我自己是纯玩，没用它来为我做什么事，但我同行的老师...</td>
</tr>
<tr>
<th>36</th>
<td>还有艺术家用midjourney生成的图片做了个展览，展览的图片由midjourney生成。...</td>
</tr>
<tr>
<th>37</th>
<td>我自己现在在装修房子，也悄咪咪用midjourney给我画了几张效果图，浅浅放一下我比较喜欢...</td>
</tr>
<tr>
<th>38</th>
<td>使用过程是让Claude给我写提示词，然后复制到midjourney给我出图。</td>
</tr>
<tr>
<th>39</th>
<td>说了这么多，其实很多人已经把AI当成生产力的工具使用了，在平时工作的时候，AIGC在特定任务...</td>
</tr>
<tr>
<th>40</th>
<td>AI 场景使用很多、应用也非常广泛，现在AI以及渗透到我们的生活和工作中了，未来会用AI的人...</td>
</tr>
<tr>
<th>41</th>
<td>在深入学习AI之前，我建议大家先了解一些基本的AI概念，比如机器学习、编程逻辑、自然语言处理...</td>
</tr>
<tr>
<th>42</th>
<td>如果想快速掌握使用AI的技巧，以我自己小白的经历来看，建议大家去报班学习一下，有老师和大神指...</td>
</tr>
<tr>
<th>43</th>
<td>有兴趣的小伙伴可以体验一下知乎这个课程，一起做AI这个第四次工业革命的先锋吧～</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=2c9eee54">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [39]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1"># 创建一个 ExcelWriter 对象来写入 Excel 文件</span>
<span class="k">with</span> <span class="n">pd</span><span class="o">.</span><span class="n">ExcelWriter</span><span class="p">(</span><span class="s1">'2309030103.xlsx'</span><span class="p">)</span> <span class="k">as</span> <span class="n">writer</span><span class="p">:</span>
    <span class="c1"># 将 df1 写入第一个工作表</span>
    <span class="n">df1</span><span class="o">.</span><span class="n">to_excel</span><span class="p">(</span><span class="n">writer</span><span class="p">,</span> <span class="n">sheet_name</span><span class="o">=</span><span class="s1">'sheet1'</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
    <span class="c1"># 将 df2 写入第二个工作表</span>
    <span class="n">df2</span><span class="o">.</span><span class="n">to_excel</span><span class="p">(</span><span class="n">writer</span><span class="p">,</span> <span class="n">sheet_name</span><span class="o">=</span><span class="s1">'sheet2'</span><span class="p">,</span> <span class="n">index</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=9846f220">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=3f953a08">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [51]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#读取xlsx的sheet1中的内容</span>
<span class="n">x1</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_excel</span><span class="p">(</span><span class="s1">'2309030103.xlsx'</span><span class="p">,</span><span class="n">sheet_name</span> <span class="o">=</span> <span class="s1">'sheet1'</span><span class="p">)</span>
<span class="n">x1</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child jp-OutputArea-executeResult">
<div class="jp-OutputPrompt jp-OutputArea-prompt">Out[51]:</div>
<div class="jp-RenderedHTMLCommon jp-RenderedHTML jp-OutputArea-output jp-OutputArea-executeResult" data-mime-type="text/html" tabindex="0">
<div>
<style scoped="">
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
<thead>
<tr style="text-align: right;">
<th></th>
<th>书名</th>
</tr>
</thead>
<tbody>
<tr>
<th>0</th>
<td>A Light in the ...</td>
</tr>
<tr>
<th>1</th>
<td>Tipping the Velvet</td>
</tr>
<tr>
<th>2</th>
<td>Soumission</td>
</tr>
<tr>
<th>3</th>
<td>Sharp Objects</td>
</tr>
<tr>
<th>4</th>
<td>Sapiens: A Brief History ...</td>
</tr>
<tr>
<th>5</th>
<td>The Requiem Red</td>
</tr>
<tr>
<th>6</th>
<td>The Dirty Little Secrets ...</td>
</tr>
<tr>
<th>7</th>
<td>The Coming Woman: A ...</td>
</tr>
<tr>
<th>8</th>
<td>The Boys in the ...</td>
</tr>
<tr>
<th>9</th>
<td>The Black Maria</td>
</tr>
<tr>
<th>10</th>
<td>Starving Hearts (Triangular Trade ...</td>
</tr>
<tr>
<th>11</th>
<td>Shakespeare's Sonnets</td>
</tr>
<tr>
<th>12</th>
<td>Set Me Free</td>
</tr>
<tr>
<th>13</th>
<td>Scott Pilgrim's Precious Little ...</td>
</tr>
<tr>
<th>14</th>
<td>Rip it Up and ...</td>
</tr>
<tr>
<th>15</th>
<td>Our Band Could Be ...</td>
</tr>
<tr>
<th>16</th>
<td>Olio</td>
</tr>
<tr>
<th>17</th>
<td>Mesaerion: The Best Science ...</td>
</tr>
<tr>
<th>18</th>
<td>Libertarianism for Beginners</td>
</tr>
<tr>
<th>19</th>
<td>It's Only the Himalayas</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=2a4be97d">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [40]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="c1">#读取xlsx的sheet2中的内容</span>
<span class="n">x2</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_excel</span><span class="p">(</span><span class="s1">'2309030103.xlsx'</span><span class="p">,</span><span class="n">sheet_name</span> <span class="o">=</span> <span class="s1">'sheet2'</span><span class="p">)</span>
<span class="n">x2</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child jp-OutputArea-executeResult">
<div class="jp-OutputPrompt jp-OutputArea-prompt">Out[40]:</div>
<div class="jp-RenderedHTMLCommon jp-RenderedHTML jp-OutputArea-output jp-OutputArea-executeResult" data-mime-type="text/html" tabindex="0">
<div>
<style scoped="">
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
<thead>
<tr style="text-align: right;">
<th></th>
<th>AI</th>
</tr>
</thead>
<tbody>
<tr>
<th>0</th>
<td>在Chatgpt出圈的时候，我才开始了解和学习AIGC。我自己就是从一个电脑小白，到现在AI...</td>
</tr>
<tr>
<th>1</th>
<td>在介绍ai工具之前，我们得先理解，ai是一个工具，它有自己的模型或者数据库，它只是在数据库里...</td>
</tr>
<tr>
<th>2</th>
<td>ai不是先知。</td>
</tr>
<tr>
<th>3</th>
<td>这里借用卡兹克大佬的在chatgpt一周年的提问图：</td>
</tr>
<tr>
<th>4</th>
<td>在AIGC已经成为部分人的生产力和生产工具，帮助他们提高工作效率的时候，有些小伙伴还不知道A...</td>
</tr>
<tr>
<th>5</th>
<td>其实不是AI“中二”，而是人类不会用。</td>
</tr>
<tr>
<th>6</th>
<td>使用AI的本质是通过prompt（提示词）让AI生成贴近你想要的内容，换种说法就是用机器的语...</td>
</tr>
<tr>
<th>7</th>
<td>这个课程邀请了2位圈内大佬进行讲课，现在课程还免费，建议有时间的都听听～</td>
</tr>
<tr>
<th>8</th>
<td>我使用ai工具，大致有以下几种用法：内容生成、解读文档、干杂活——整理表格、做PPT、查资料...</td>
</tr>
<tr>
<th>9</th>
<td>每个ai都能做这些事情，下面我是挑选我在使用过程中，感觉这些ai更优秀的方面介绍。</td>
</tr>
<tr>
<th>10</th>
<td>每一个ai都能内容生成，简单的说，就是你问问题，它回答。你叫它帮你写一段话、写一篇文章，都可...</td>
</tr>
<tr>
<th>11</th>
<td>我想chatgpt就不用做太多介绍了，出圈的就是它，而且也是它带火了AIGC。</td>
</tr>
<tr>
<th>12</th>
<td>ChatGPT在文本生成方面更有优势，我平时会用它在寻找灵感或者创意，大语言模型可以给我更多想法。</td>
</tr>
<tr>
<th>13</th>
<td>例如：</td>
</tr>
<tr>
<th>14</th>
<td>同理，还可以用chatgpt进行扩词、生成多场景内容等。</td>
</tr>
<tr>
<th>15</th>
<td>当然，它也是一名很不错的程序员，可以给我们写写程序，确实是一个很不错的超级助手哦。比如我想快...</td>
</tr>
<tr>
<th>16</th>
<td>Claude也有相同的用法。</td>
</tr>
<tr>
<th>17</th>
<td>杨植麟在今年3月1日成立的通用人工智能（AGI）公司“月之暗面”（英文名MoonShot A...</td>
</tr>
<tr>
<th>18</th>
<td>Kimi Chat最多支持20万汉字的超长文本输入，是目前全球市场上能够产品化使用的大模型服...</td>
</tr>
<tr>
<th>19</th>
<td>我主要用它来总结文档、pdf、world等，浅浅实验了一下，用kimi来划文档金句，还是比较...</td>
</tr>
<tr>
<th>20</th>
<td>另外，kimi是联网的，时效性很强。</td>
</tr>
<tr>
<th>21</th>
<td>下面是kimi给的一个案例：提示问题和回答的内容。在主页可以看到。</td>
</tr>
<tr>
<th>22</th>
<td>kimi现在是免费的，不需要魔法，微信或者手机号登录就可以使用了。</td>
</tr>
<tr>
<th>23</th>
<td>Claude也可以解读文档，但需要魔法，对国内用户不太有好。</td>
</tr>
<tr>
<th>24</th>
<td>这是我经常干的事了，把杂活丢给ai干，自己就有更多时间摸鱼（啊，不是，思考其他问题）啦啦啦~</td>
</tr>
<tr>
<th>25</th>
<td>比如我需要统计办公室人员领取的办公用品时，每个人给我报了数量，这时我收到的是一堆非常零散的数...</td>
</tr>
<tr>
<th>26</th>
<td>Notion ai可以实现的功能，chatgpt基本都能实现，而且生成的内容会更好，先看一个...</td>
</tr>
<tr>
<th>27</th>
<td>这是最新用的一款ai，植入在wps里，用它来做ppt特别快。平时每次做ppt，找模板、画表格...</td>
</tr>
<tr>
<th>28</th>
<td>wps ai做PPT，颜值还是在线的。但我不是付费用户，所以好像每个月要申请一次试用，付费用...</td>
</tr>
<tr>
<th>29</th>
<td>详细的用ai做PPT的方法，可以看这篇内容哦：</td>
</tr>
<tr>
<th>30</th>
<td>我试用过几个ai来检索资料，目前Newbing效果最好。它能联网，比如我需要查国外的文献出处...</td>
</tr>
<tr>
<th>31</th>
<td>另一个例子是我要找一张图片的下载地址，newbing给出来的回答：</td>
</tr>
<tr>
<th>32</th>
<td>通过链接可以进到这个网页：</td>
</tr>
<tr>
<th>33</th>
<td>用newbing搜索，和百度等普通搜索引擎搜索最大的区别是，newbing会筛选出更加精准地...</td>
</tr>
<tr>
<th>34</th>
<td>而百度等普通搜索引擎会搜索出很多类似的网址，需要自己一个个点进去查看，效率会很低。</td>
</tr>
<tr>
<th>35</th>
<td>图片生成的ai，也是超级火爆的一款了，虽然我自己是纯玩，没用它来为我做什么事，但我同行的老师...</td>
</tr>
<tr>
<th>36</th>
<td>还有艺术家用midjourney生成的图片做了个展览，展览的图片由midjourney生成。...</td>
</tr>
<tr>
<th>37</th>
<td>我自己现在在装修房子，也悄咪咪用midjourney给我画了几张效果图，浅浅放一下我比较喜欢...</td>
</tr>
<tr>
<th>38</th>
<td>使用过程是让Claude给我写提示词，然后复制到midjourney给我出图。</td>
</tr>
<tr>
<th>39</th>
<td>说了这么多，其实很多人已经把AI当成生产力的工具使用了，在平时工作的时候，AIGC在特定任务...</td>
</tr>
<tr>
<th>40</th>
<td>AI 场景使用很多、应用也非常广泛，现在AI以及渗透到我们的生活和工作中了，未来会用AI的人...</td>
</tr>
<tr>
<th>41</th>
<td>在深入学习AI之前，我建议大家先了解一些基本的AI概念，比如机器学习、编程逻辑、自然语言处理...</td>
</tr>
<tr>
<th>42</th>
<td>如果想快速掌握使用AI的技巧，以我自己小白的经历来看，建议大家去报班学习一下，有老师和大神指...</td>
</tr>
<tr>
<th>43</th>
<td>有兴趣的小伙伴可以体验一下知乎这个课程，一起做AI这个第四次工业革命的先锋吧～</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=232a44b0">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
